:root {
--kolorek: #4a5d4e;
--kolorek2: #fff;
--kolorek3: #2B362D;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
b,
big,
blockquote,
body,
center,
cite,
code,
dd,
del,
dfn,
div,
div pre,
dl,
dt,
em,
figcaption,
figure,
font,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
ins,
kbd,
li,
nav,
object,
ol,
p,
q,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
sup,
tt,
u,
ul,
var {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
.small {line-height: 1!important; font-size:13px;}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
li,
ul {
padding: 0;
margin: 0;
list-style: none;
}
img {
max-width: 100%;
}
.img-responsive {
width: 100%;
height: auto;
}
.img-responsive-2 {
width: auto;
height:auto;
max-width:100%;
}

article,
aside,
footer,
header,
hgroup,
nav,
section {
display: block;
}
* {
box-sizing: border-box;
}
body,
html {
font-family: "Plus Jakarta Sans", "Inter", "Segoe UI", system-ui, sans-serif;
font-weight: 400;
background: #F0EFEB;
font-size: 18px;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #4C4C4C;
line-height: 2;
}
a {
text-decoration: none !important;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 900;
line-height: 1.2;
font-family: "Poltawski Nowy", serif;
}
.h1,
h1,.h2,
h2,.h3,
h3,.h4,
h4 {
font-size: 1.8rem;
}
@media (max-width: 1280px) {
body,
html {
font-size: 14px;
}
}
ul {
margin-bottom: 0;
}
::selection {
background: var(--kolorek);
color: #fff;
}
::-moz-selection {
background: var(--kolorek);
color: #fff;
}
@media (max-width: 1023px) {
.mobile-top-fix {
margin-top: 30px;
margin-bottom: 0;
}
.mobile-bottom-fix {
margin-bottom: 30px;
}
.mobile-bottom-fix-big {
margin-bottom: 60px;
}
}
textarea {
overflow: auto;
resize: vertical;
min-height: 300px;
}
.menunie {display: none;}
.menupad {
padding-top: 20px;
}
.funkcja2 {
transition: margin-top 0.4s ease-in-out, padding 0.4s ease-in-out;
}
.background-header {
background: #fff !important;
height: 80px !important;
position: fixed !important;
top: 0;
left: 0;
right: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15) !important;
}
.header-area.header-sticky {
background: transparent;
height: 120px;
}
.header-area {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100px;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
z-index: 9999;
}
.header-area .main-nav .nav li a {
position: relative;
display: block;
font-size: 18px;
color: #4C4C4C;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
height: 40px;
border: transparent;
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 900;
margin-top: 5px;
}
@media (min-width: 1701px) and (max-width: 1800px) {
.header-area .main-nav .nav li a {
font-size: 17px;
}
}
@media (min-width: 1440px) and (max-width: 1700px) {
.header-area .main-nav .nav li a {
font-size: 16px;
}
}
@media (min-width: 1281px) and (max-width: 1439px) {
.header-area .main-nav .nav li a {
font-size: 14px;
}
}
@media (min-width: 1125px) and (max-width: 1280px) {
.header-area .main-nav .nav li a {
font-size: 13px;
letter-spacing: 0;
}
}
@media (max-width: 1124px) {
.header-area .main-nav .nav li a {
    font-size: 14px;
    margin-top: 0;
}
}

.header-area .main-nav {
background: 0 0;
}
.header-area.header-sticky .nav {
margin-top: 20px !important;
}
.header-area .logo {
line-height: 75px;
text-align: left;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.header-area .main-nav .nav {
margin-top: 27px;
background: transparent;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
position: relative;
z-index: 999;
}
.header-area .main-nav .nav li {
padding-left: 20px;
padding-right: 20px;
}

.header-area .menu-ikonki {
margin-top: 20px;
}
.header-area .popup-icon2, .header-area .popup-icon3 {
float: left;
}

.background-header .popup-icon2 a,
.background-header .popup-icon3 a,
.header-area .popup-icon2 a,
.header-area .popup-icon3 a {
  background: transparent !important;
  color: var(--kolorek) !important;
  border: 1px solid var(--kolorek) !important;
}

.header-area .popup-icon2 a {
width: 40px;
height: 40px;
display: inline-block;
text-align: center;
line-height: 40px;
border-radius: 50%;
font-size: 12px;
margin-right: 15px;
transition: all 0.5s;
}

.header-area .popup-icon3 a {
width: 100%;
height: 55px;
display: inline-block;
text-align: center;
line-height: 52px;
padding-left: 25px;
padding-right: 25px;
font-weight: 900;
font-size: 14px;
margin-top: -8px;
transition: all 0.5s;
}

@media (min-width: 1025px) and (max-width: 1124px) {
.header-area .popup-icon3 a {
        padding-left: clamp(6px, calc(6px + 6 * (100vw - 1025px) / 99), 12px);
        padding-right: clamp(6px, calc(6px + 6 * (100vw - 1025px) / 99), 12px);
        font-size: 12px;
        height: 45px;
        line-height: 43px;
        margin-top: -3px;
 }
.header-area .main-nav ul.nav > li.menu-item {
        flex: 0 0 0;
}
.header-area .main-nav ul.nav > li.menu-item > a {
        display: flex;
        align-items: center;
        line-height: 1.2;
        padding: 0 5px;
 }
}

/* menuhome */

.header-area .main-nav .nav li a {
color: #4C4C4C;
}
.header-area .main-nav .nav li a:hover {
color: var(--kolorek);
}
.header-area .main-nav .nav li a:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
background: var(--kolorek);
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.header-area .main-nav .nav li a:hover:before {
visibility: visible;
background: var(--kolorek);
-webkit-transform: scaleX(1);
transform: scaleX(1);
}

/* menuscroll */

.background-header .main-nav .nav li a {
color: #4C4C4C;
}
.background-header .main-nav .nav li a:before,
.background-header .main-nav .nav li a:hover:before {
background: var(--kolorek) !important;
}
.background-header .main-nav .nav li:hover a {
color: var(--kolorek) !important;
}
.header-area .main-nav .nav li.submenu {
position: relative;
padding-right: 35px;
}
.header-area .main-nav .nav li.submenu:after {
font-family: "Font Awesome 6 Free";
content: "\f107";
font-size: 12px;
color: #4C4C4C;
position: absolute;
right: 18px;
top: 12px;
}
.background-header .main-nav .nav li.submenu:after {
color: #4C4C4C;
}
.header-area .main-nav .nav li.submenu ul {
position: absolute;
width: 200px;
box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
overflow: hidden;
top: 40px;
opacity: 0;
transform: translateY(+2em);
visibility: hidden;
z-index: -1;
transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 10ms;
}
.header-area .main-nav .nav li.submenu ul li {
margin-left: 0;
padding-left: 0;
padding-right: 0;
}
.header-area .main-nav .nav li.submenu ul li a {
opacity: 1;
display: block;
background: #fff;
color: #7a7a7a !important;
padding-left: 20px;
height: 40px;
line-height: 40px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
position: relative;
font-size: 13px;
border-bottom: 1px solid #f5f5f5;
}
.header-area .main-nav .nav li.submenu ul li a:hover {
background: #fff;
color: var(--kolorek) !important;
padding-left: 25px;
}
.header-area .main-nav .nav li.submenu ul li a:hover:before {
width: 3px;
}
.header-area .main-nav .nav li.submenu:hover ul {
visibility: visible;
opacity: 1;
z-index: 1;
transform: translateY(0);
transition-delay: 0s, 0s, 0.3s;
}
.header-area .main-nav .menu-trigger {
cursor: pointer;
display: block;
position: absolute;
top: 23px;
width: 32px;
height: 40px;
text-indent: -9999em;
z-index: 99;
right: 40px;
display: none;
}
.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:after,
.header-area .main-nav .menu-trigger span:before {
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.4s;
background: #4C4C4C;
display: block;
position: absolute;
width: 30px;
height: 2px;
left: 0;
}
.header-area .main-nav .menu-trigger span {
top: 16px;
}
.header-area .main-nav .menu-trigger span:before {
-moz-transform-origin: 33% 100%;
-ms-transform-origin: 33% 100%;
-webkit-transform-origin: 33% 100%;
transform-origin: 33% 100%;
top: -10px;
z-index: 10;
width: 100%;
content: "";
}
.header-area .main-nav .menu-trigger span:after {
-moz-transform-origin: 33% 0;
-ms-transform-origin: 33% 0;
-webkit-transform-origin: 33% 0;
transform-origin: 33% 0;
top: 10px;
width: 100%;
content: "";
}
.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:after,
.header-area .main-nav .menu-trigger.active span:before {
background: transparent;
width: 100%;
}
.header-area .main-nav .menu-trigger.active span:before {
-moz-transform: translateY(6px) translateX(1px) rotate(45deg);
-ms-transform: translateY(6px) translateX(1px) rotate(45deg);
-webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
transform: translateY(6px) translateX(1px) rotate(45deg);
background: #4C4C4C;
}
.background-header .main-nav .menu-trigger.active span:before {
background: #4C4C4C;
}
.header-area .main-nav .menu-trigger.active span:after {
-moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
-ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
-webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
transform: translateY(-6px) translateX(1px) rotate(-45deg);
background: #4C4C4C;
}
.background-header .main-nav .menu-trigger.active span:after {
background: #4C4C4C;
}
@media (max-width: 1200px) {
.header-area .main-nav .nav li {
padding-left: 12px;
padding-right: 12px;
}

.header-area .main-nav:before {
display: none;
}
}
@media (max-width: 1024px) {
.header-area .menu-ikonki {
display: none;
}
.header-area.header-sticky {
height: 80px;
}

/* --- zmiana dla promocji i bez. 25px bez promo - 50px z promo; 3 linie --- */
body.no-promo .menupad {
    padding-top: 25px;
}
body.promo-active .menupad {
    padding-top: 60px;
}

/* burger */
body.no-promo .menu-trigger.marT50 {
    margin-top: 25px !important;
}

body.promo-active .menu-trigger.marT50 {
    margin-top: 60px !important;
}

.header-area .logo {
color: var(--kolorek);
float: left;
padding: 0 15px;
}
.header-area.header-sticky .nav li a.active,
.header-area.header-sticky .nav li a:hover {
color: var(--kolorek) !important;
opacity: 1;
}
.header-area {
background: #f7f7f7;
height: 80px;
box-shadow: none;
text-align: center;
}
.header-area .container {
padding: 0;
}
.header-area .menu-trigger {
display: block !important;
}
.header-area .main-nav {
padding-top: 60px;
}
.header-area .main-nav .nav {
width: 100%;
display: none;
-webkit-transition: all 0s ease 0s;
-moz-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
transition: all 0s ease 0s;
padding-left: 30px;
padding-right: 30px;
clear: both;
}
.menu1margintop {margin-top: 100px !important;}
.header-area .main-nav .nav li:first-child {
border-top: 1px solid #eee;
}
.header-area .main-nav .nav li {
width: 100%;
background: #fff;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
padding-left: 0 !important;
padding-right: 0 !important;
}
.header-area .main-nav .nav li a {
height: auto;
line-height: 1.5;
padding: 10px !important;
border: none !important;
color: #191a20 !important;
}
.header-area .main-nav .nav li a:hover {
background: #eee !important;
color: #191a20 !important;
}
.header-area .main-nav .nav li.submenu ul {
position: relative;
visibility: inherit;
opacity: 1;
z-index: 1;
transform: translateY(0);
transition-delay: 0s, 0s, 0.3s;
top: 0;
width: 100%;
box-shadow: none;
height: 0;
}
.header-area .main-nav .nav li.submenu ul li a {
font-size: 12px;
font-weight: 400;
}
.header-area .main-nav .nav li.submenu ul li a:hover:before {
width: 0;
}
.header-area .main-nav .nav li.submenu ul.active {
height: auto !important;
}
.header-area .main-nav .nav li.submenu:after {
color: #3b566e;
right: 25px;
font-size: 14px;
top: 15px;
}
.header-area .main-nav .nav li.submenu:focus ul,
.header-area .main-nav .nav li.submenu:hover ul {
height: 0;
}
}
@media (min-width: 1025px) {
.header-area .main-nav .nav {
display: flex !important;
}
header {
  display: flex;
  width: auto;
}
nav {
  margin: 0 auto;
}
.logomobile {
display: none;
}
}
@media (max-width: 1024px) {
.logopc {
display: none;
}
}
.float-right {float: right;}
.float-left {float: left;}
.strona {
padding-top: 120px;
padding-left: 150px;
padding-right: 150px;
}
@media (max-width: 1024px) {
.strona {
padding-top: 80px;
padding-left: 0;
padding-right: 0;
}
}
.stronahome {
padding-left: 150px;
padding-right: 150px;
}
@media (max-width: 1024px) {
.stronahome {
padding-left: 0;
padding-right: 0;
}
}

/* kontakt */
.icon-link {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  line-height: 1.2;
  text-decoration: none;
}

.icon-link span {
  margin-right: 20px;
  width: 32px;
  text-align: center;
}

.stopka .row {
  display: flex;
  flex-wrap: wrap;
}

.stopka .col-lg-3,
.stopka .col-md-6 {
  display: flex;
}

.stopka-blok, .stopka-blok-long {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.stopka-blok {
padding: 75px 35px 35px;
background: #fff;
margin-bottom: 10px;
line-height: 1.5;
}
.stopka-blok-long {
padding: 55px 35px 35px;
background: #fff;
margin-bottom: 10px;
line-height: 1.5;
}
.stopka-bloki-naglowek {
min-height: 50px;
max-width: 80%;
margin-bottom: 0.5em;
}
.stopka-bloki-long-naglowek {
min-height: 70px;
max-width: 80%;
margin-bottom: 0.5em;
}
.stopka-ikonka {
position: absolute;
top: 0;
right: 60px;
transform: translateY(35%);
}

@media all and (max-width: 1124px) {
.stopka-bloki {
min-height: 0;
}
.stopka-blok, .stopka-blok-long {
padding: 15px 15px;
text-align: center;
}
.stopka-bloki-naglowek, .stopka-bloki-long-naglowek {
max-width: none;
}
.stopka-ikonka {
position: relative;
right: auto;
top: auto;
transform: none;
}
}

@media (min-width: 1024px) {
    .stopka, .stopka * {
        font-size: 99% !important;
        line-height: 1.5 !important;
	font-family: "Poltawski Nowy", serif;
    }
}
.footer-bottom {
background: var(--kolorek);
}
.footer-bottom .right {
float: right;
}
.footer-bottom .left {
text-align: left;
}
.footer-bottom {
padding-top: 15px;
font-size: 12px;
color: #fff;
}
.footer-bottom a,
.footer-bottom a:hover {
color: #fff;
}
.footer-kontakt li i {
position: absolute;
left: 0;
top: 3px;
color: #fff;
}
.footer-kontakt li {
padding-left: 40px;
position: relative;
margin-bottom: 10px;
}
@media (max-width: 768px) {
.footer-bottom p {
text-align: center;
}
.footer-bottom .left {
text-align: center!important;
margin-top: 10px;
display: block;
float: none;
}
}


#gotoTop {
display: none;
position: fixed;
bottom: 50px;
right: 50px;
z-index: 99;
font-size: 18px;
border: none;
outline: 0;
background: var(--kolorek);
color: var(--kolorek2);
cursor: pointer;
padding: 10px 20px;
border-radius: 10px;
transition: all 0.5s;
}
#gotoTop:hover {
background: var(--kolorek3);
}
@media (max-width: 768px) {
#gotoTop {
bottom: 20px;
right: 20px;
 }
#google-merchantwidget-iframe-wrapper {
transform: translateY(30px);
 }
}
.pad25-20{
padding: 25px 20px;
}
.pad30-25{
padding: 30px 25px;
}
.pad0 {
padding: 0;
}
.pad5 {
padding: 5px;
}
.pad10 {
padding: 10px;
}
.pad15 {
padding: 15px;
}
.pad20 {
padding: 20px;
}
.pad30 {
padding: 30px;
}
.pad40 {
padding: 40px;
}
.pad50 {
padding: 50px;
}
.pad60 {
padding: 60px;
}
.pad70 {
padding: 70px;
}
.pad80 {
padding: 80px;
}
.pad90 {
padding: 90px;
}
.pad100 {
padding: 100px;
}
.padTB0 {
padding: 0 0;
}
.padTB5 {
padding: 5px 0;
}
.padTB10 {
padding: 10px 0;
}
.padTB15 {
padding: 15px 0;
}
.padTB20 {
padding: 20px 0;
}
.padTB30 {
padding: 30px 0;
}
.padTB40 {
padding: 40px 0;
}
.padTB50 {
padding: 50px 0;
}
.padTB60 {
padding: 60px 0;
}
.padTB70 {
padding: 70px 0;
}
.padTB80 {
padding: 80px 0;
}
.padTB90 {
padding: 90px 0;
}
.padTB100 {
padding: 100px 0;
}
.padT0 {
padding-top: 0;
}
.padT5 {
padding-top: 5px;
}
.padT10 {
padding-top: 10px;
}
.padT15 {
padding-top: 15px;
}
.padT20 {
padding-top: 20px;
}
.padT30 {
padding-top: 30px;
}
.padT40 {
padding-top: 40px;
}
.padT50 {
padding-top: 50px;
}
.padT60 {
padding-top: 60px;
}
.padT70 {
padding-top: 70px;
}
.padT80 {
padding-top: 80px;
}
.padT90 {
padding-top: 90px;
}
.padT100 {
padding-top: 100px;
}
.padB0 {
padding-bottom: 0;
}
.padB5 {
padding-bottom: 5px;
}
.padB8 {
padding-bottom: 8px;
}
.padB10 {
padding-bottom: 10px;
}
.padB20 {
padding-bottom: 20px;
}
.padB30 {
padding-bottom: 30px;
}
.padB40 {
padding-bottom: 40px;
}
.padB50 {
padding-bottom: 50px;
}
.padB60 {
padding-bottom: 60px;
}
.padB70 {
padding-bottom: 70px;
}
.padB80 {
padding-bottom: 80px;
}
.padB90 {
padding-bottom: 90px;
}
.padB100 {
padding-bottom: 100px;
}
.padL0 {
padding-left: 0;
}
.padL5 {
padding-left: 5px;
}
.padL10 {
padding-left: 10px;
}
.padL20 {
padding-left: 20px;
}
.padL30 {
padding-left: 30px;
}
.padL40 {
padding-left: 40px;
}
.padL50 {
padding-left: 50px;
}
.padL60 {
padding-left: 60px;
}
.padL70 {
padding-left: 70px;
}
.padL80 {
padding-left: 80px;
}
.padL90 {
padding-left: 90px;
}
.padL100 {
padding-left: 100px;
}
.padLR0 {
padding-left: 0;
}
.padLR5 {
padding-left: 5px;
}
.padLR10 {
padding-left: 10px;
}
.padLR20 {
padding-left: 20px;
}
.padLR30 {
padding-left: 30px;
}
.padLR40 {
padding-left: 40px;
}
.padLR50 {
padding-left: 50px;
}
.padLR60 {
padding-left: 60px;
}
.padLR70 {
padding-left: 70px;
}
.padLR80 {
padding-left: 80px;
}
.padLR90 {
padding-left: 90px;
}
.padLR100 {
padding-left: 100px;
}
.padR0 {
padding-right: 0;
}
.padR5 {
padding-right: 5px;
}
.padR10 {
padding-right: 10px;
}
.padR20 {
padding-right: 20px;
}
.padR30 {
padding-right: 30px;
}
.padR40 {
padding-right: 40px;
}
.padR50 {
padding-right: 50px;
}
.padR60 {
padding-right: 60px;
}
.padR70 {
padding-right: 70px;
}
.padR80 {
padding-right: 80px;
}
.padR90 {
padding-right: 90px;
}
.padR100 {
padding-right: 100px;
}
.mar0 {
margin: 0;
}
.mar5 {
margin: 5px;
}
.mar10 {
margin: 10px;
}
.mar15 {
margin: 15px;
}
.mar20 {
margin: 20px;
}
.mar30 {
margin: 30px;
}
.mar40 {
margin: 40px;
}
.mar50 {
margin: 50px;
}
.mar60 {
margin: 60px;
}
.mar70 {
margin: 70px;
}
.mar80 {
margin: 80px;
}
.mar90 {
margin: 90px;
}
.mar100 {
margin: 100px;
}
.marT0 {
margin-top: 0;
}
.marT5 {
margin-top: 5px;
}
.marT10 {
margin-top: 10px;
}
.marT15 {
margin-top: 15px;
}
.marT20 {
margin-top: 20px;
}
.marT30 {
margin-top: 30px;
}
.marT40 {
margin-top: 40px;
}
.marT50 {
margin-top: 50px;
}
.marT60 {
margin-top: 60px;
}
.marT70 {
margin-top: 70px;
}
.marT80 {
margin-top: 80px;
}
.marT90 {
margin-top: 90px;
}
.marT100 {
margin-top: 100px;
}
.marT120 {
margin-top: 120px;
}
.marT150 {
margin-top: 150px;
}
.marT200 {
margin-top: 200px;
}
.marAuto{
margin: 0 auto;
}
.marAutoLR{
margin-left: auto;
margin-right: auto;
}
.marB0 {
margin-bottom: 0;
}
.marB5 {
margin-bottom: 5px;
}
.marB10 {
margin-bottom: 10px;
}
.marB15 {
margin-bottom: 15px;
}
.marB20 {
margin-bottom: 20px;
}
.marB30 {
margin-bottom: 30px;
}
.marB40 {
margin-bottom: 40px;
}
.marB50 {
margin-bottom: 50px;
}
.marB60 {
margin-bottom: 60px;
}
.marB70 {
margin-bottom: 70px;
}
.marB80 {
margin-bottom: 80px;
}
.marB90 {
margin-bottom: 90px;
}
.marB100 {
margin-bottom: 100px;
}
.marB120 {
margin-bottom: 120px;
}
.marB150 {
margin-bottom: 150px;
}
.marB200 {
margin-bottom: 200px;
}
.marL0 {
margin-left: 0;
}
.marL5 {
margin-left: 5px;
}
.marL10 {
margin-left: 10px;
}
.marL20 {
margin-left: 20px;
}
.marL30 {
margin-left: 30px;
}
.marL40 {
margin-left: 40px;
}
.marL50 {
margin-left: 50px;
}
.marL60 {
margin-left: 60px;
}
.marL70 {
margin-left: 70px;
}
.marL80 {
margin-left: 80px;
}
.marL90 {
margin-left: 90px;
}
.marL100 {
margin-left: 100px;
}
.marR0 {
margin-right: 0;
}
.marR5 {
margin-right: 5px;
}
.marR8 {
margin-right: 8px;
}
.marR10 {
margin-right: 10px;
}
.marR20 {
margin-right: 20px;
}
.marR30 {
margin-right: 30px;
}
.marR40 {
margin-right: 40px;
}
.marR50 {
margin-right: 50px;
}
.marR60 {
margin-right: 60px;
}
.marR70 {
margin-right: 70px;
}
.marR80 {
margin-right: 80px;
}
.marR90 {
margin-right: 90px;
}
.marR100 {
margin-right: 100px;
}
@media (max-width: 1023px) {
.phonenone {
display: none!important;
}
}
@media (min-width: 1025px) {
.pcnone {
display: none!important;
}
}
.form-group {
margin-bottom: 10px;
}
.form-select {
display: block;
width: 100%;
min-height: 50px;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
height: calc(1.5em + 0.75rem + 2px);
color: #495057;
background: #fff;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 16px 12px;
font-family: 'Plus Jakarta Sans', sans-serif;
border: 0;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.border {
border: 1px solid #dee2e6 !important;
}
.shadow {box-shadow: 0 7px 50px 0 rgba(38, 50, 56, 0.07)}
.btn.active,
.btn.disabled,
.btn.hover {
background: var(--kolorek);
color: #fff;
}
.text-center {
text-align: center;
}

.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}

html.lb-disable-scrolling {
overflow: hidden;
position: fixed;
height: 100vh;
width: 100vw;
}

.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
opacity: 0.95;
display: none;
}

.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
}

.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 5px;
}

.lightbox a img {
border: none;
}

.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px;
background: white;
}

.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}

.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}

.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(loading.gif) no-repeat;
}

.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}

.lb-container > .nav {
left: 0;
}

.lb-nav a {
outline: none;
background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}

.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}

.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}

.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}

.lb-data {
padding: 0 4px;
color: #ccc;
}

.lb-data .lb-details {
margin-top: 10px;
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
display: none;
}

.lb-data .lb-caption {
font-size: 13px;
line-height: 1em;
}

.lb-data .lb-caption a {
color: #4ae;
}

.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}

.lb-data .lb-close {
position:absolute;
right:50px;
top:-20px;
float: right;
display: block;
float: right;
width: 30px;
height: 30px;
background: url(close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}

 /*!
 * Bootstrap Grid Only (grid and responsive utilities extracted from Bootstrap 4.1.3)
 * GitHub: https://github.com/dmhendricks/bootstrap-grid-css
 * Bootstrap License: MIT (https://github.com/twbs/bootstrap/blob/v4-dev/LICENSE)
 * Credits: Twitter, Inc. & The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
 */
@-ms-viewport {
width: device-width;
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
.hidden-xs-up {
display: none !important;
}
@media (max-width: 575.98px) {
.hidden-xs-down {
display: none !important;
}
}
@media (min-width: 576px) {
.hidden-sm-up {
display: none !important;
}
}
@media (max-width: 767.98px) {
.hidden-sm-down {
display: none !important;
}
}
@media (min-width: 768px) {
.hidden-md-up {
display: none !important;
}
}
@media (max-width: 991.98px) {
.hidden-md-down {
display: none !important;
}
}
@media (min-width: 992px) {
.hidden-lg-up {
display: none !important;
}
}
@media (max-width: 1199.98px) {
.hidden-lg-down {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-xl-up {
display: none !important;
}
}
.hidden-xl-down {
display: none !important;
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}

.container, .header-area {
width:100%;
padding-right:15px;
padding-left:15px;
margin-right:auto;
margin-left:auto
}

@media (min-width:576px) {
.container{max-width:540px
}
}

@media (min-width:768px) {
.container{max-width:720px
}
}

@media (min-width:992px) {
.container{max-width:960px
}
}

@media (min-width:1025px) {
.header-area {
padding-left:5px;
padding-right:5px;
}
}


@media (min-width:1320px) {
.container, .header-area {
max-width:100%;
padding-left:50px;
padding-right:50px;
}
}

@media (min-width:1600px) {
.container{
max-width:100%;
padding-left:180px;
padding-right:180px;
}
.header-area{
max-width:100%;
padding-left:150px;
padding-right:150px;
}

}

@media (min-width:2100px) {
.container, .header-area {
max-width:100%;
padding-left:280px;
padding-right:280px;
}
}

.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333333333%;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.6666666667%;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.3333333333%;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.6666666667%;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.3333333333%;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.6666666667%;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.3333333333%;
}
.offset-2 {
margin-left: 16.6666666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.3333333333%;
}
.offset-5 {
margin-left: 41.6666666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.3333333333%;
}
.offset-8 {
margin-left: 66.6666666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.3333333333%;
}
.offset-11 {
margin-left: 91.6666666667%;
}
@media (min-width: 576px) {
.col-sm {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.3333333333%;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.6666666667%;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333333333%;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.6666666667%;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.3333333333%;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.6666666667%;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.3333333333%;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.6666666667%;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.3333333333%;
}
.offset-sm-2 {
margin-left: 16.6666666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.3333333333%;
}
.offset-sm-5 {
margin-left: 41.6666666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.3333333333%;
}
.offset-sm-8 {
margin-left: 66.6666666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.3333333333%;
}
.offset-sm-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 768px) {
.col-md {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.3333333333%;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.6666666667%;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333333333%;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.6666666667%;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.3333333333%;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.6666666667%;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.3333333333%;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.6666666667%;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.3333333333%;
}
.offset-md-2 {
margin-left: 16.6666666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.3333333333%;
}
.offset-md-5 {
margin-left: 41.6666666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.3333333333%;
}
.offset-md-8 {
margin-left: 66.6666666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.3333333333%;
}
.offset-md-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 1025px) {
.menupadT20 {padding-top: 20px;}
.col-lg {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.3333333333%;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.6666666667%;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333333333%;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.6666666667%;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.3333333333%;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.6666666667%;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.3333333333%;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.6666666667%;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.3333333333%;
}
.offset-lg-2 {
margin-left: 16.6666666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.3333333333%;
}
.offset-lg-5 {
margin-left: 41.6666666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.3333333333%;
}
.offset-lg-8 {
margin-left: 66.6666666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.3333333333%;
}
.offset-lg-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.3333333333%;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.6666666667%;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333333333%;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.6666666667%;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.3333333333%;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.6666666667%;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.3333333333%;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.6666666667%;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.3333333333%;
}
.offset-xl-2 {
margin-left: 16.6666666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.3333333333%;
}
.offset-xl-5 {
margin-left: 41.6666666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.3333333333%;
}
.offset-xl-8 {
margin-left: 66.6666666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.3333333333%;
}
.offset-xl-11 {
margin-left: 91.6666666667%;
}
}
.img-fluid {
max-width: 100%;
height: auto;
}
.btn-primary {
color: var(--kolorek2);
background: var(--kolorek);
border-color: var(--kolorek);
transition: all 0.5s;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus{
box-shadow: inset 5em 0 0 0 var(--kolorek3), inset -5em 0 0 0 var(--kolorek3);
border-color: var(--kolorek3);
color: #fff;
}
.btn-white {
color: #4C4C4C;
background: #fff;
border-color: #fff;
}
.btn-border {
color: #4C4C4C;
background: transparent;
border: solid 1px #e6e6e6!important;
}
.btn-border:hover {
color: #fff;
}
.btn-white:hover {
color: #fff;
}
.btn-block {
width: 100%;
}
.btn-group-sm > .btn,
.btn-sm {
padding: 0.25rem 0.5rem!important;
font-size: 0.875rem!important;
line-height: 1.5!important;
height: 38px!important;
margin-bottom: 5px;
margin-right: 5px;
}
.btn-info {
color: #fff;
background: var(--kolorek);
border-color: var(--kolorek);
}
input[type="button"].btn-block,
input[type="reset"].btn-block,
input[type="submit"].btn-block {
width: 100%;
}
.navbar {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0.5rem 1rem;
}
.navbar-brand {
display: inline-block;
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
margin-right: 1rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap;
}
a {
color: var(--kolorek);
text-decoration: none;
background: transparent;
}
.navbar-text {
display: inline-block;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
background: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
}
.collapse:not(.show) {
display: none;
}
.d-inline {
display: inline !important;
}
.text-right {
text-align: right !important;
}
.text-left {
text-align: left !important;
}
.text-right-center {
text-align: right;
}
.text-left-center {
text-align: left;
}
.rounded-10{border-radius:10px;}
.rounded-circle{border-radius: 50% !important;}
.szukaj,
.btn,
.form-control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  height: 54px;
  padding: 0 clamp(15px, 4vw, 25px);
  box-sizing: border-box;
  font-size: clamp(11px, 4vw, 13px);
  font-weight: 500;
  text-transform: uppercase;
  border: none;
  outline: none;
  font-family: 'Plus Jakarta Sans', sans-serif;
}
.form-control {
  width: 100%;
}
.btn:hover {
background: var(--kolorek3);
}
.alert {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
}
.alert-info {
background: #f0f1f2;
border: 1px solid rgba(0, 0, 0, 0.125);
}
.alert-success {
color: #155724;
background: #d4edda;
border: 1px solid #c3e6cb;
}
.alert-danger {
color: #721c24;
background: #f8d7da;
border: 1px solid #f5c6cb;
}
.alert-dark {
color: #141619;
background: #d3d3d4;
border-color: #bcbebf;
}
.alert-warning {
color: #664d03;
background: #fff3cd;
border-color: #ffecb5;
}
img {
vertical-align: middle;
border-style: none;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
.bg-light {
background: #F5F7F8 !important;
}
.bg-dark {
background: #302F35 !important;
}
.bg-white {
background: #fff !important;
}
.bg-black {
background: #000 !important;
}
.bg-primary {
background: var(--kolorek) !important;
}
.bg-secondary {
background: var(--kolorek3) !important;
}
.text-dark {
color: #4C4C4C !important;
}
.text-off-dark {
color: #212529 !important;
}
.text-white {
color: #fff !important;
}
.text-black {
color: #000 !important;
}
.text-primary {
color: var(--kolorek) !important;
}
.kolorek-pastel{
color: #d7ffdf;
}
.kolorek-light-green{
color: #19A56F;
}

.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}
.antispam{display:none;}

/* ciasteczka */
.ciasteczka {
display: block; z-index: 99999; min-height: 35px; width: 250px; position: fixed; background: #4C4C4C; text-align: left; left: 30px; bottom: 30px; color: #fff; padding: 30px;
}
.ciasteczka .cookieTitle {
color: #fff;
font-size: 22px;
line-height: 20px;
display: block;
}
.ciasteczka .cookieDesc p {
margin: 0;
padding: 0;
color: #d9e0e4;
font-size: 13px;
line-height: 20px;
display: block;
margin-top: 10px;
}
.ciasteczka .cookieDesc a {
color: #d9e0e4;
text-decoration: underline;
}
.ciasteczka .cookieButton a {
display: inline-block;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
margin-top: 14px;
background: var(--kolorek);
box-sizing: border-box; 
padding: 15px 24px;
text-align: center;
transition: background 0.3s;
width: 100%;
}
.ciasteczka .cookieButton a:hover { 
cursor: pointer;
background: #fff;
color: #4C4C4C;
}

@media (max-width: 980px) {
.ciasteczka {
bottom: 0px !important;
left: 0px !important;
width: 100%!important;
border-radius: 0;
}
}

.marked-list-1 > li {
padding-left: 20px;
text-indent: -28px;
}

.marked-list-1 > li:before {
color: var(--kolorek);
content: '\f00c';
font-size: 20px;
padding-right: 10px;
font-family: "Font Awesome 6 Free";
}

@media screen and (max-width: 768px) {
.marked-list-1 > li {
padding-left: 10px;
 }
}
.marked-list-2 > li {
padding-left: 20px;
text-indent: -28px;
}

.marked-list-2 > li:before {
color: var(--kolorek);
content: '\f054';
font-size: 15px;
padding-right: 10px;
font-family: "Font Awesome 6 Free";
}

@media screen and (max-width: 768px) {
.marked-list-2 > li {
padding-left: 10px;
}
}

/* to samo co list-1, ale ptaszek na środku dla łamanych linii */
.marked-list-3 > li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 10px;
}

.marked-list-3 > li::before {
    content: '\f00c';
    color: var(--kolorek);
    font-size: 20px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    flex-shrink: 0; 
}
@media screen and (max-width: 768px) {
    .marked-list-3 > li {
        gap: 8px; 
	padding-left:0;
    }
}
.marked-list-neutral > li {
    padding-left: 20px;
    text-indent: -28px;
}

.marked-list-neutral > li:before {
    color: var(--kolorek);
    content: '\f105';
    font-size: 18px;
    padding-right: 14px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

@media screen and (max-width: 768px) {
    .marked-list-neutral > li {
        padding-left: 10px;
    }
}

.ptaszek{
color: #28a745;
font-weight: bold;
}

@media (max-width: 768px) {
.phonecenter {
text-align: center;
}
.btncenter {
display: flex !important;
margin-left: auto;
margin-right: auto;
width: fit-content;
}

.rounded-circle{
max-width: 250px;
}
.text-right-center {
text-align: center!important;
}
.text-left-center {
text-align: center!important;
}
}

.w-25{width:25%!important}.w-50{width:50%}.w-40{width:40%}.w-60{width:60%}@media(max-width: 768px){.w-50,.w-25,.w-75,.w-40,.w-60{width: 100%!important;}}.w-75{width:75%}.w-100{width:100%!important}


@media (min-width: 1025px) {
.moje-ikony-row {
display: none !important;
}
}
@media (max-width: 1024px) {
.moje-ikony-row {
display: flex !important;
flex-direction: row;
justify-content: space-around;
width: 100%;
clear: both;
}
.mobile-icon-item {
list-style: none !important;
display: block !important;
flex: 1;
text-align: center;
}
.mobile-icon-item a {
display: flex !important;
flex-direction: column !important;
align-items: center;
color: white;
text-decoration: none;
}
.mobile-icon-item i {
font-size: 20px;
margin-bottom: 4px;
display: block;
color: var(--kolorek)
}
}
button.accordion {
  position: relative;
  width: 100%;
  background: #fff;
  border: none;
  outline: none;
  text-align: left;
  padding: 15px 20px;
  font-size: 18px;
  line-height: 1.5;
  color: #000;
  cursor: pointer;
  transition: background 0.2s linear;
  padding-right: 50px;
  font-weight: 900;
}
button.accordion:after {
  font-family: "Font Awesome 6 Free";
  content: "\f078";
  font-size: 18px;
  position: absolute;
  right: 30px;
}
button.accordion:hover {
  background: var(--kolorek);
  color: #fff;
}
.accordion-content {
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-in-out;
  margin-bottom: 20px;
}
.faq h3 {
margin: 0 !important;
padding: 0 !important;
}

.single-product .woocommerce {
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
}
.single-product div.product {
    display: flex !important;
    flex-wrap: wrap !important;
    clear: both !important;
    margin-bottom: 50px !important;
}
.single-product .related.products {
    width: 100% !important;
    clear: both !important;
    display: block !important;
}
.single-product .summary {
    padding-left: 30px !important;
}
@media (max-width: 1024px) {
.single-product .summary {
    padding-left: 0px !important;
}
}
.related products, .product_meta, .woocommerce-shipping-destination, .woocommerce-shipping-calculator, .single-product .related.products  {
display: none!important;
}

/* --- O nas --- */

.kp-onas-block {
min-height: 75px;
width: 100%;
padding: 10px;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
justify-content: flex-start;
}

.kp-onas-block.kp-onas-main-area {
padding: 10px 50px;
}

.kp-onas-block.kp-onas-section {
justify-content: center;
align-items: center;
padding: 10px;
}

.kp-onas-block.kp-onas-section.kp-onas-row-reverse {
flex-direction: row-reverse;
}

.kp-onas-image-box {
width: 50%;
position: relative;
}

.kp-onas-image {
width: 100%;
height: auto;
}

.kp-onas-text-content {
padding: 0;
width: 40%;
}

.kp-onas-text-content.kp-onas-content-right {
margin-right: 60px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 0 15px 0 0;
}

.kp-onas-accent-panel {
display: flex;
flex-direction: column;
align-items: flex-start;
max-width: 430px;
background-color: var(--kolorek);
padding: 20px;
position: absolute;
bottom: -35px;
left: -8%;
}
.kp-onas-title-h3{
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 900;
line-height: 1.2;
font-family: "Poltawski Nowy", serif;
}

@media (max-width: 1024px) {
.kp-onas-block.kp-onas-section {
max-width: 930px;
justify-content: space-evenly;
}

.kp-onas-block.kp-onas-main-area {
padding: 10px 30px;
}

.kp-onas-text-content.kp-onas-content-right {
margin-right: 40px;
margin-top: 30px;
}

.kp-onas-accent-panel {
bottom: auto;
left: -10%;
top: 70%;
}
}

@media (max-width: 768px) {
.kp-onas-block.kp-onas-section,
.kp-onas-block.kp-onas-section.kp-onas-row-reverse {
flex-direction: column;
height: auto;
margin-top: 50px;
}

.kp-onas-image-box,
.kp-onas-text-content {
width: 100%;
}

.kp-onas-text-content.kp-onas-content-right {
align-items: flex-start;
margin: 100px 0 0 0;
padding: 0 15px 0 0;
}

.kp-onas-accent-panel {
left: 0;
top: 80%;
margin: 0;
}
}

@media (max-width: 500px) {
.kp-onas-block.kp-onas-section {
padding: 10px 0;
max-width: 100%;
}

.kp-onas-block.kp-onas-main-area {
padding: 10px 20px;
}

.kp-onas-text-content {
padding: 0;
}

.kp-onas-text-content.kp-onas-content-right {
margin: 30px 0 0 0;
padding: 0;
}

.kp-onas-image-box {
position: static;
}

.kp-onas-accent-panel {
position: static;
max-width: none;
padding: 15px;
}
}

.fotoramka {
position: relative;
display: inline-block;
max-width: 100%;
}

.fotoramka img {
display: block;
position: relative;
z-index: 2;
}

.fotoramka::before {
content: "";
position: absolute;
top: -30px;
left: 25px;
width: calc(100% - 5px);
height: calc(100% - 5px);
border: 5px solid var(--kolorek);
z-index: 1;
}

@media (max-width: 768px) {
.fotoramka img {
width: calc(100% - 30px);
}

.fotoramka::before {
top: -20px;
left: 15px;
width: calc(100% - 35px);
height: calc(100% - 15px);
}
}

/* kontakt 2*/

.blok-kontakt{
padding: 40px clamp(15px, 2vw, 40px);
}

.blok-kontakt h3 {
color: #fff;
}

.blok-kontakt .blok {
width: 100%;
color: #fff;
margin-bottom: 50px;
display: flex;
align-items: flex-start;
gap: 20px;
}

.blok-kontakt:before {
content: '';
display: block;
width: 20px;
height: 20px;
margin-left: 20px;
background-color: var(--kolorek);
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: -30px;
bottom: 50%;
flex-shrink: 0;
}

.blok-kontakt .blok:last-child {
margin-bottom: 10px;
}

.blok-kontakt .blok a {
color: #fff;
white-space: nowrap;
font-size:18px;
}

.blok-kontakt .blok .icon{
width: 50px;
height: 50px;
border-radius: 50%;
background: rgba(255,255,255,0.1);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.blok-kontakt .blok .icon i {
font-size: 20px;
color: #fff;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
}

.blok-kontakt .blok .text {
width: 100%;
margin-top: 0;
word-break: break-word;
}

/* formularz kontaktowy */
.stopkakontakt textarea {
min-height: 200px!important;
font-family: 'Plus Jakarta Sans', sans-serif;
}
.stopkakontakt-padding{
padding: clamp(15px, 5vw, 40px);
}
.stopkakontakt-padding-15-50{
padding: clamp(15px, 5vw, 50px);
}

@media (max-width: 767px) {
.blok-kontakt {
 padding: 40px clamp(15px, 5.2vw, 40px);
 }
.blok-kontakt:before {
 display: none;
 }
}


.porownanie-text-box{
 max-width: 900px;
 margin: 0 auto 30px auto;
 text-align: left;
 padding: 0 10px;
}
.porownanie-img-box{
max-width: 100%;
height: auto;
border-radius: 12px;
box-shadow: 8px 8px 25px rgba(0,0,0,0.07);
}
.porownanie-img-box-plyn-kapsulki{
max-width: 1000px;
margin: 0 auto;
height: auto;
border-radius: 12px;
box-shadow: 8px 8px 25px rgba(0,0,0,0.07);
}
.pr-wykres{
font-size: 1.1em;
margin-bottom: 15px;
font-style: italic
}
.pr-wykres-zrodlo{
font-size: 0.7em;
color: #666;
border-left: 3px solid var(--kolorek);
padding-left: 15px;
}
.pr-section-img-box{
-webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent), 
            linear-gradient(to bottom, transparent, black 10%, black 90%, transparent);
            mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent), 
                        linear-gradient(to bottom, transparent, black 10%, black 90%, transparent);
-webkit-mask-composite: source-in;
mask-composite: intersect;
border-radius: 12px;
}
.pr-section-img-box-olimpics {
    -webkit-mask-image: radial-gradient(circle, black 60%, transparent 70%);
    mask-image: radial-gradient(circle, black 60%, transparent 70%);
    -webkit-mask-composite: source-over;
    mask-composite: intersect;
}
.pr-section-img-box-vikings {
    border-radius: 12px;
    -webkit-mask-image:
        linear-gradient(to right, transparent, black 10%, black 90%, transparent),
        radial-gradient(ellipse at center, black 60%, transparent 70%);
    mask-image:
        linear-gradient(to right, transparent, black 10%, black 90%, transparent),
        radial-gradient(ellipse at center, black 60%, transparent 70%);
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
}

/*karta produktu kod SK*/
.pr-product-description {
    width: 100%;
    line-height: 1.6;
    color: var(--kolorek3);
}
.pr-section-title {
    color: var(--kolorek);
    font-family: "Poltawski Nowy", serif;
    margin: 100px 0 20px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #eaeaea;
    text-align: center !important;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 1.6rem;
}
.pr-details-box .pr-section-title:first-child {
    margin-top: 10px;
}
.pr-section-content {
    margin: 0 auto; 
    max-width: 900px;
    padding: 0 10px;
}
.pr-section-content-wide {
margin: 0 auto;
max-width: 1200px;
padding-bottom: 40px;
}
.min350{
min-width: 350px;
}
.max600{
max-width: 600px;
}
.max800{
max-width: 800px;
}
.max900{
max-width: 900px;
}
.max1300{
max-width: 1300px;
}
.height100{
height: 100%;
}
.pr-section-subtitle {
    margin-bottom: clamp(10px, 3vw, 20px);
}

.pr-section-subtitle i {
    color: var(--kolorek);
    font-size: 1.15em;
    margin-right: 8px;
}
@media screen and (max-width: 768px) {
.pr-section-content-wide {
padding-bottom: 0px;
}
.pr-text-image-40 {
max-width:100% !important;
}
.pr-section-title-story {
margin: 0px 0px 30px 0px !important;
}
.pr-section-title {
margin: 70px 0 20px 0;
}
.pr-details-box .pr-section-title:first-child {
    letter-spacing: 1.2px;
    font-size: 1.5rem;
}

}

.pr-section-background-space{
width: 100vw;
position: relative;
left: 50%; 
right: 50%; 
margin-left: -50vw; 
margin-right: -50vw; 
padding: 40px 25px 40px 25px; 
margin-top: 50px; 
color:#f5f5f5; 
background-color: #2b2527; 
background-image: 
    radial-gradient(1px 1px at 20px 30px, #fff, rgba(0,0,0,0)),
    radial-gradient(1px 1px at 40px 70px, #fff, rgba(0,0,0,0)),
    radial-gradient(2px 2px at 50px 160px, #ddd, rgba(0,0,0,0)),
    radial-gradient(1px 1px at 80px 120px, #fff, rgba(0,0,0,0)),
    radial-gradient(1px 1px at 110px 10px, #fff, rgba(0,0,0,0)),
    radial-gradient(2px 2px at 150px 45px, #ddd, rgba(0,0,0,0));
background-size: 200px 200px;
}
.pr-section-background-olimpics{
width: 100vw;
position: relative;
left: 50%; 
right: 50%; 
margin-left: -50vw; 
margin-right: -50vw; 
padding: 40px 25px 40px 25px; 
color:#f5f5f5; 
background-color: #2B362D; 
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='240' viewBox='0 0 360 240'%3E%3Cg fill='none' stroke-width='5' stroke-opacity='0.08'%3E%3Ccircle cx='90' cy='80' r='26' stroke='%2300A3E0'/%3E%3Ccircle cx='130' cy='80' r='26' stroke='%23000000'/%3E%3Ccircle cx='170' cy='80' r='26' stroke='%23E31B23'/%3E%3Ccircle cx='110' cy='110' r='26' stroke='%23F4C300'/%3E%3Ccircle cx='150' cy='110' r='26' stroke='%23009E60'/%3E%3C/g%3E%3Cg fill='none' stroke-width='2' stroke='white' stroke-opacity='0.04'%3E%3Ccircle cx='260' cy='170' r='18'/%3E%3Ccircle cx='300' cy='70' r='14'/%3E%3C/g%3E%3C/svg%3E");
background-size: 380px 300px;
}
.pr-section-background-vikings{
width: 100vw;
position: relative;
left: 50%; 
right: 50%; 
margin-left: -50vw; 
margin-right: -50vw; 
padding: 40px 25px 10px 25px; 
color:#f5f5f5; 
background-color: #2B362D; 
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'%3E%3Ctext x='40' y='70' font-size='22' fill='rgba(255,255,255,0.07)' font-family='serif'%3E%E1%9B%97%3C/text%3E%3Ctext x='160' y='120' font-size='18' fill='rgba(255,255,255,0.06)' font-family='serif'%3E%E1%9A%B1%3C/text%3E%3Ctext x='280' y='60' font-size='20' fill='rgba(255,255,255,0.07)' font-family='serif'%3E%E1%9B%89%3C/text%3E%3Ctext x='90' y='220' font-size='18' fill='rgba(255,255,255,0.05)' font-family='serif'%3E%E1%9A%B9%3C/text%3E%3Ctext x='230' y='250' font-size='22' fill='rgba(255,255,255,0.06)' font-family='serif'%3E%E1%9A%A0%3C/text%3E%3Ctext x='150' y='330' font-size='19' fill='rgba(255,255,255,0.05)' font-family='serif'%3E%E1%9B%9F%3C/text%3E%3C/svg%3E");
background-size: 300px 300px;
}
.pr-section-background-animals{
width: 100vw;
position: relative;
left: 50%; 
right: 50%; 
margin-left: -50vw; 
margin-right: -50vw; 
padding: 40px 15px 10px 15px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'%3E%3Cg fill='none' stroke='%234c4c4c' stroke-opacity='0.05' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3C!-- paw --%3E%3Ccircle cx='60' cy='60' r='5'/%3E%3Ccircle cx='76' cy='52' r='5'/%3E%3Ccircle cx='92' cy='60' r='5'/%3E%3Cellipse cx='76' cy='78' rx='11' ry='9'/%3E%3C!-- pipette bottle --%3E%3Crect x='170' y='68' width='30' height='42' rx='7'/%3E%3Cpath d='M176 68V54h18v14'/%3E%3Cpath d='M182 54V42c0-4 2-6 3-6s3 2 3 6v12'/%3E%3Cpath d='M175 82h20'/%3E%3C!-- ball --%3E%3Ccircle cx='300' cy='78' r='24'/%3E%3Cpath d='M276 78c8-8 16-12 24-12s16 4 24 12c-8 8-16 12-24 12s-16-4-24-12z'/%3E%3Cpath d='M300 54c-4 8-6 16-6 24s2 16 6 24'/%3E%3C!-- bone --%3E%3Cpath d='M60 190c-8-8-8-18 0-24 8-6 18-2 22 4h20c4-6 14-10 22-4 8 6 8 16 0 24-8 8-18 8-24 2H84c-6 6-16 6-24-2z'/%3E%3C!-- dog house --%3E%3Cpath d='M172 178l24-22 24 22v26h-48z'/%3E%3Cpath d='M184 204v-16h16v16'/%3E%3C!-- tag --%3E%3Cpath d='M320 174l18 10v20l-18 10-18-10v-20z'/%3E%3Ccircle cx='320' cy='184' r='3'/%3E%3C!-- second paw --%3E%3Ccircle cx='330' cy='320' r='5'/%3E%3Ccircle cx='346' cy='312' r='5'/%3E%3Ccircle cx='362' cy='320' r='5'/%3E%3Cellipse cx='346' cy='338' rx='11' ry='9'/%3E%3C!-- heart --%3E%3Cpath d='M200 304c-6-10-20-12-28-4-8 8-8 20 0 28 10 10 28 20 28 20s18-10 28-20c8-8 8-20 0-28-8-8-22-6-28 4z'/%3E%3C/g%3E%3C/svg%3E");
background-size: 320px 420px;
}
.pr-section-title-story{
color:#f5f5f5;
border-bottom: 1px solid rgba(245,245,245,0.2); 
margin: 10px 100px 40px 100px;
}
.pr-product-description h3:not(.pr-phase-title):not(.pr-synergy-title) {
    font-family: "Poltawski Nowy", serif;
    color: var(--kolorek);
    margin-top: 40px;
    margin-bottom: 15px;
    font-size: 1.4rem;
    font-weight: 600;
}
.main-benefits {
    font-size: 1.6rem !important; 
    margin-bottom: 25px;
}
.pr-image-box {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
}
.pr-text-image {
flex: 1;
min-width: 300px;
font-size:1.1rem;
}
.pr-text-image-40
 {
 min-width: 300px;
 max-width:40%;
}
/* --- FAZY SUPLEMENTACJI (Karty) --- */
.pr-phase-title {
    text-align: left;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin: 25px 0 10px 0;
    color: var(--kolorek);
    text-transform: uppercase;
    display: inline-block;
    border-bottom: 1px solid #eaeaea;
}

/* --- ikony --- */
.list-icons {
    list-style: none;
    padding: 0;
    margin: 25px 0;
}
.list-icons li {
    position: relative;
    padding-left: 55px;
    margin-bottom: 22px;
    min-height: 40px;
    display: flex;
    align-items: center;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 16px;
    color: var(--kolorek3);
}
.list-icons li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
}
.list-icons li.icon-stres:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='11' stroke='%234a5d4e' stroke-width='1.2' fill='none'/%3E%3Ccircle cx='16' cy='16' r='13.5' stroke='%234a5d4e' stroke-width='0.8' stroke-dasharray='2 2' fill='none'/%3E%3C!-- Uśmiechnięte oczy --%3E%3Cpath d='M10.5 16c1 1.5 2.5 1.5 3.5 0M18 16c1 1.5 2.5 1.5 3.5 0' stroke='%234a5d4e' stroke-width='1.2' stroke-linecap='round' fill='none'/%3E%3C!-- Łagodny uśmiech --%3E%3Cpath d='M12 21.5c2 2 6 2 8 0' stroke='%234a5d4e' stroke-width='1.2' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");
}
.list-icons li.icon-cykl:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='11' stroke='%234a5d4e' stroke-width='1.2' fill='none'/%3E%3Ccircle cx='16' cy='16' r='13.5' stroke='%234a5d4e' stroke-width='0.8' stroke-dasharray='2 2' fill='none'/%3E%3Crect x='11' y='13' width='10' height='9' rx='1' stroke='%234a5d4e' stroke-width='1.2' fill='none'/%3E%3Cpath d='M11 17h10M14 11v3M18 11v3' stroke='%234a5d4e' stroke-width='1.2'/%3E%3Ccircle cx='17.5' cy='19.5' r='1.2' fill='%234a5d4e'/%3E%3C/svg%3E");
}
.list-icons li.icon-zdrowie:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='11' stroke='%234a5d4e' stroke-width='1.2' fill='none'/%3E%3Ccircle cx='16' cy='16' r='13.5' stroke='%234a5d4e' stroke-width='0.8' stroke-dasharray='2 2' fill='none'/%3E%3Ccircle cx='16' cy='15' r='4' stroke='%234a5d4e' stroke-width='1.2' fill='none'/%3E%3Cpath d='M16 19v5M13.5 22h5' stroke='%234a5d4e' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.list-icons li.icon-laktacja:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3C!-- Okręgi dekoracyjne --%3E%3Ccircle cx='16' cy='16' r='11' stroke='%234a5d4e' stroke-width='1.2' fill='none'/%3E%3Ccircle cx='16' cy='16' r='13.5' stroke='%234a5d4e' stroke-width='0.8' stroke-dasharray='2 2' fill='none'/%3E%3C!-- Butelka przeskalowana, by nie dotykała kółka --%3E%3Cg transform='translate(16, 16) scale(0.72) translate(-15.5, -15.5)'%3E%3Cpath d='M15.5 3.5C16.7422 3.5 17.75 4.50781 17.75 5.75C18.6172 6.18125 19.1797 7.04375 19.2453 8C19.25 8.06094 19.25 8.11719 19.25 8.17813V8.57187C19.7094 8.98437 20 9.58438 20 10.25V11L21.0219 12.0219C22.2875 13.2875 23 15.0031 23 16.7938V24.5C23 26.1547 21.6547 27.5 20 27.5H11C9.34531 27.5 8 26.1547 8 24.5V22.25V17.75V16.7938C8 15.0031 8.7125 13.2875 9.97812 12.0219L11 11V10.25C11 9.58438 11.2906 8.98437 11.75 8.57187V8.17813C11.75 8.11719 11.75 8.06094 11.7547 8C11.8156 7.04375 12.3828 6.18125 13.25 5.75C13.25 4.50781 14.2578 3.5 15.5 3.5ZM9.5 23V24.5C9.5 25.3297 10.1703 26 11 26H20C20.8297 26 21.5 25.3297 21.5 24.5V16.7938C21.5 15.4016 20.9469 14.0656 19.9625 13.0812L19.3766 12.5H18.5H12.5H11.6234L11.0375 13.0859C10.0531 14.0703 9.5 15.4063 9.5 16.7984V17.0047H14.75C15.1625 17.0047 15.5 17.3422 15.5 17.7547C15.5 18.1672 15.1625 18.5047 14.75 18.5047H9.5V21.5047H14.75C15.1625 21.5047 15.5 21.8422 15.5 22.2547C15.5 22.6672 15.1625 23.0047 14.75 23.0047H9.5V23ZM17.7359 8C17.6797 7.61094 17.4359 7.26875 17.0797 7.09062C16.5688 6.8375 16.25 6.31719 16.25 5.75C16.25 5.3375 15.9125 5 15.5 5C15.0875 5 14.75 5.3375 14.75 5.75C14.75 6.31719 14.4313 6.8375 13.9203 7.09062C13.5641 7.26875 13.3203 7.61094 13.2641 8H17.7359ZM13.25 9.5C12.8375 9.5 12.5 9.8375 12.5 10.25V11H18.5V10.25C18.5 9.8375 18.1625 9.5 17.75 9.5H13.25Z' fill='%234a5d4e' /%3E%3C/g%3E%3C/svg%3E");
}
.list-icons li.icon-balans:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='11' stroke='%234a5d4e' stroke-width='1.2' fill='none'/%3E%3Ccircle cx='16' cy='16' r='13.5' stroke='%234a5d4e' stroke-width='0.8' stroke-dasharray='2 2' fill='none'/%3E%3Cpath d='M16 13v9M13 22h6' stroke='%234a5d4e' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M10 14.5h12' stroke='%234a5d4e' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M10 14.5l-2 4h4l-2-4zM22 14.5l-2 4h4l-2-4z' stroke='%234a5d4e' stroke-width='1' fill='none'/%3E%3C/svg%3E");
}
.list-icons li.icon-sen:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='11' stroke='%234a5d4e' stroke-width='1.2' fill='none'/%3E%3Ccircle cx='16' cy='16' r='13.5' stroke='%234a5d4e' stroke-width='0.8' stroke-dasharray='2 2' fill='none'/%3E%3Cpath d='M15.5 11A4.5 4.5 0 1 0 20 18A5.5 5.5 0 1 1 15.5 11Z' stroke='%234a5d4e' stroke-width='1.2' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M21 11v2M20 12h2' stroke='%234a5d4e' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E");
}
.list-icons li.icon-spokoj:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='11' stroke='%234a5d4e' stroke-width='1.2' fill='none'/%3E%3Ccircle cx='16' cy='16' r='13.5' stroke='%234a5d4e' stroke-width='0.8' stroke-dasharray='2 2' fill='none'/%3E%3C!-- Otwarte oczy (punkty) wycentrowane nad uśmiechem --%3E%3Ccircle cx='12.5' cy='15' r='1' fill='%234a5d4e'/%3E%3Ccircle cx='19.5' cy='15' r='1' fill='%234a5d4e'/%3E%3C!-- Twój łagodny uśmiech --%3E%3Cpath d='M12 21.5c2 2 6 2 8 0' stroke='%234a5d4e' stroke-width='1.2' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");
}
.list-icons li.icon-umysl:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='11' stroke='%234a5d4e' stroke-width='1.2' fill='none'/%3E%3Ccircle cx='16' cy='16' r='13.5' stroke='%234a5d4e' stroke-width='0.8' stroke-dasharray='2 2' fill='none'/%3E%3C!-- Żarówka --%3E%3Cpath d='M16 10a4 4 0 0 0-4 4c0 1.5 1 2.5 1.5 3.5v1.5h5v-1.5c.5-1 1.5-2 1.5-3.5a4 4 0 0 0-4-4z' stroke='%234a5d4e' stroke-width='1.2' stroke-linejoin='round' fill='none'/%3E%3C!-- Gwint żarówki --%3E%3Cpath d='M14 20.5h4M14.5 22h3' stroke='%234a5d4e' stroke-width='1.2' stroke-linecap='round'/%3E%3C!-- Promienie światła/jasności --%3E%3Cpath d='M16 7v-1M11 10l-1-1M21 10l1-1' stroke='%234a5d4e' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E");
}
.list-icons li.icon-energia:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='11' stroke='%234a5d4e' stroke-width='1.2' fill='none'/%3E%3Ccircle cx='16' cy='16' r='13.5' stroke='%234a5d4e' stroke-width='0.8' stroke-dasharray='2 2' fill='none'/%3E%3C!-- Linia pulsu --%3E%3Cpath d='M9 16h2.5l1.5-4 2 8 2-10 1.5 6H23' stroke='%234a5d4e' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
}
.list-icons li.icon-zmeczenie:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='11' stroke='%234a5d4e' stroke-width='1.2' fill='none'/%3E%3Ccircle cx='16' cy='16' r='13.5' stroke='%234a5d4e' stroke-width='0.8' stroke-dasharray='2 2' fill='none'/%3E%3C!-- Bateria - korpus --%3E%3Crect x='11.5' y='10.5' width='9' height='11' rx='1' stroke='%234a5d4e' stroke-width='1.2' fill='none'/%3E%3C!-- Bateria - styk --%3E%3Cpath d='M14 10.5v-1.5h4v1.5' stroke='%234a5d4e' stroke-width='1.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C!-- Blyskawica / Energia --%3E%3Cpath d='M16 12.5l-2.5 3.5h2.5l-1 3.5 3-4h-2.5l1-3z' fill='%234a5d4e'/%3E%3C/svg%3E");
}
.list-icons li.icon-trawienie:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='11' stroke='%234a5d4e' stroke-width='1.2' fill='none'/%3E%3Ccircle cx='16' cy='16' r='13.5' stroke='%234a5d4e' stroke-width='0.8' stroke-dasharray='2 2' fill='none'/%3E%3C!-- Zmodyfikowany kontur żołądka z wyraźnymi rurkami (przełyk i dwunastnica) --%3E%3Cpath d='M13.5 9.5v3c-3.5 0-4.5 5-2.5 8c2 2.5 5.5 2.5 7.5 0.5c1-1 2-1.5 3.5-1.5 M16 9.5v4c0 2 1.5 3.5 3.5 3.5h2.5' stroke='%234a5d4e' stroke-width='1.2' stroke-linecap='round' fill='none'/%3E%3C!-- Subtelny symbol wsparcia/zdrowia wewnątrz --%3E%3Cpath d='M13.5 15v3M12 16.5h3' stroke='%234a5d4e' stroke-width='1' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");
}
.list-icons li.icon-odpornosc:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='11' stroke='%234a5d4e' stroke-width='1.2' fill='none'/%3E%3Ccircle cx='16' cy='16' r='13.5' stroke='%234a5d4e' stroke-width='0.8' stroke-dasharray='2 2' fill='none'/%3E%3C!-- Klasyczny, wyśrodkowany kształt tarczy --%3E%3Cpath d='M11 10 Q16 8.5 21 10 C21 16 18 20.5 16 22.5 C14 20.5 11 16 11 10 Z' stroke='%234a5d4e' stroke-width='1.2' stroke-linejoin='round' fill='none'/%3E%3C!-- Symetryczny krzyżyk w wizualnym centrum tarczy --%3E%3Cpath d='M16 13v4M14 15h4' stroke='%234a5d4e' stroke-width='1' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");
}
.list-icons li.icon-adaptacja:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='11' stroke='%234a5d4e' stroke-width='1.2' fill='none'/%3E%3Ccircle cx='16' cy='16' r='13.5' stroke='%234a5d4e' stroke-width='0.8' stroke-dasharray='2 2' fill='none'/%3E%3C!-- 2 Gwiazdki w tle (krzyżyki) --%3E%3Cpath d='M23 10v2M22 11h2M10 13v2M9 14h2' stroke='%234a5d4e' stroke-width='1' stroke-linecap='round' fill='none'/%3E%3C!-- Twój Kadłub główny promu --%3E%3Cpath d='M16 7c-1.5 3-2 7-2 13l2-1.5 2 1.5c0-6-.5-10-2-13z' stroke='%234a5d4e' stroke-width='1.2' stroke-linejoin='round' fill='none'/%3E%3C!-- Twoje Skrzydła boczne --%3E%3Cpath d='M14 14l-4 5v2h4M18 14l4 5v2h-4' stroke='%234a5d4e' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C!-- Twoje Silniki / Smugi --%3E%3Cpath d='M15 23v2M17 23v2' stroke='%234a5d4e' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E");
}
/* ikony pod adresem /sklep */
.list-icons.hub-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}
.list-icons.hub-grid li {
    padding: 20px 20px 20px 80px;
    margin: 0;
    background-color: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.list-icons.hub-grid li:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    border-color: #4a5d4e;
}

.list-icons.hub-grid li:before {
    content: '';
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.list-icons.hub-grid li a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    z-index: 10;
}

.list-icons.hub-grid li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-decoration: none;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.list-icons.hub-grid li strong {
    display: block;
    font-size: 1.15rem;
    color: #4a5d4e;
    margin-bottom: 5px;
    width: 100%;
}

.list-icons.hub-grid li span {
    font-size: 0.95rem;
    color: #666666;
    line-height: 1.4;
    width: 100%;
}
@media (max-width: 768px) {
.list-icons.hub-grid {
    gap: 10px
 }
}

/*kafelki w hubach sprzedażowych*/
.karta-produktu-link {
    display: block;
    background: #fff;
    border: 1px solid #dee2e6;
    border-left: 5px solid var(--kolorek) !important;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    text-decoration: none !important;
}
.karta-produktu-link:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    border-color: var(--kolorek) !important;
}
.karta-produktu-link h3 {
    color: var(--kolorek3);
    margin-bottom: 0;
    display: flex;
    align-items: center;
    font-size: 1.30rem;
}
.karta-produktu-link h3 i {
    color: var(--kolorek);
    margin-right: 10px;
    font-size: 1.1rem;
}
.karta-produktu-link p {
    color: #555;
    margin-bottom: 0;
    font-size: 0.95rem;
    line-height: 1.6;
}
.karta-produktu-zestaw {
    background: #fafafa;
    border: 2px solid var(--kolorek) !important;
}
.redirect-box-compendium{
 border: 1px solid #eaeaea;
 border-radius: 12px;
 padding: 40px 20px;
}
.btn-outline {
    border: 2px solid #4C4C4C;
    color: #4C4C4C;
    background: transparent;
    font-weight: 700;
    border-radius: 30px;
    transition: all 0.3s ease;
}
.btn-outline:hover {
    background: var(--kolorek);
    color: #ffffff;
    border-color: var(--kolorek);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
@media (min-width: 769px) {
    .karta-flex {
        display: flex;
        align-items: center;
    }
    .karta-title-col {
        flex: 0 0 30%;
        max-width: 30%;
        padding-right: 15px;
    }
    .karta-desc-col {
        flex: 0 0 70%;
        max-width: 70%;
        border-left: 1px solid #eaeaea;
        padding-left: 20px;
    }
}
@media (max-width: 768px) {
    .karta-produktu-link {
        padding: 15px;
    }
    .karta-produktu-link h3 {
        justify-content: center;
        margin-bottom: 8px !important;
    }
    .karta-produktu-link p {
        text-align: center;
    }
    .redirect-box-compendium{
	margin-top: 60px;
 	padding: 40px 10px;
    }
}

/* opinie google */
.trustindex-wrapper {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px 15px 15px;
}
/*krótki opis produktu*/
.product-description-clean {
    line-height: 1.7;
    color: #333;
    font-family: inherit;
}
.product-description-clean h2 {
    border-bottom: 2px solid var(--kolorek);
    padding-bottom: 8px;
    color: var(--kolorek);
    margin-bottom: 20px;
    font-size: 1.3em;
}
.product-description-clean h2 i {
    margin-right: 8px;
}
.product-param{
    margin-bottom: 25px;
}
.product-param-item {
    margin-bottom: 12px;
    display: flex;
    align-items: baseline;
}
.short-box-wrapper{
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 25px;
}
.short-box{
border: 1px solid #eee;
border-left: 4px solid var(--kolorek);
padding: 12px 15px;
flex: 1;
min-width: 180px;
background: #fafafa;
}
.short-box i {
    color: var(--kolorek);
    margin-bottom: 5px;
}
.short-box small {
    text-transform: uppercase;
    color: #666;
    letter-spacing: 0.7px;
}
.product-info-note {
    padding: 12px;
    background-color: #f4f4f4;
    border-radius: 4px;
    font-size: 0.85em;
    color: #666;
    line-height: 1.4;
    margin-bottom: 25px;
}
.product-info-note i {
    color: var(--kolorek);
    margin-right: 5px;
}
/* Styl dla list tylko na stronie polityki */
.privacy-legal ul {
    list-style-type: disc !important;
	padding-left:40px;
}
.privacy-legal li {
    list-style: disc !important;
    margin-bottom: 15px;
}
.privacy-legal h2 {
    font-size: 1.5rem !important;
}
/* --- strona - kompendium wiedzy o adaptogenach --- */
.banner-wrapper-compendium {
position: relative;
}

.banner-text-content-compendium {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;    text-align: center;
    margin: 0;
}

.home-title-overlay-compendium {
    color: #000000;
    text-shadow: 
        1px 1px 2px rgba(255, 255, 255, 0.8), 
        0px 0px 15px rgba(255, 255, 255, 0.6),
        0px 0px 30px rgba(255, 255, 255, 0.4);
    transform: scaleY(1.5);
    text-transform: uppercase;
}
@media screen and (max-width: 768px) {
    .banner-wrapper-compendium {
        height: 350px;
        overflow: hidden;
    }
    .banner-img-compendium {
        height: 100% !important;
        object-fit: cover;
        object-position: center;
    }
}
.compendium h2 {
    font-size: clamp(1.5rem, 1.2rem + 1.5vw, 2.1rem);
    font-weight: 600;
    padding: 60px 0 15px 0;
}
.compendium h3 {
    font-size: clamp(1.3rem, 1.15rem + 0.75vw, 1.6rem);
    font-weight: 600;
    margin: 40px 0 15px 0;
}
.compendium h4 {
    font-size: clamp(1.15rem, 1rem + 0.5vw, 1.35rem);
    font-weight: 600;
    margin: 30px 0 15px 0;
}
.compendium li:not(:last-child) {
    margin-bottom: 15px;
}
.compendium ul.hub-grid li {
    margin-bottom: 0;
}
.comp-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: clamp(28px, 20px + 1.5vw, 32px);
    height: clamp(28px, 20px + 1.5vw, 32px);
    background-color: transparent;
    color: var(--kolorek, #333);
    border: clamp(1.5px, 1px + 0.1vw, 2px) solid var(--kolorek, #333);
    border-radius: 50%;
    font-weight: 700;
    font-size: clamp(14px, 10px + 1vw, 18px);
    flex-shrink: 0;
}
.comp-title {
    font-size: clamp(0.95rem, 0.85rem + 0.5vw, 1.15rem); 
    font-weight: 600;
    line-height: 1.3;
    margin:0 !important;
}

/* spis tresci */
.toc-wrapper {
    background-color: #fbfbfc;
    padding: 20px 35px 20px 35px;
    border-radius: 12px;
    border: 1px solid #eaeaea;
    border-left: 5px solid var(--kolorek, #000);
    margin: 40px 0;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03);
}
.toc-title {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: clamp(1.1rem, 1rem + 0.5vw, 1.3rem);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #111;
}
.toc-list {
    list-style-type: none;
}

.toc-list li {
    margin-bottom: 10px;
}

.toc-list li:last-child {
    margin-bottom: 0;
}
.toc-list a {
    color: #333;
    text-decoration: none;
    font-size: 1.05rem;
    font-weight: 500;
    display: inline-block;
    transition: all 0.25s ease-in-out;
}
.toc-list ul {
    list-style-type: none;
    padding-left: 20px;
    margin-top: 8px;
    margin-bottom: 15px;
    border-left: 2px solid #eaeaea;
    margin-left: 5px;
}

.toc-list ul a {
    font-size: 0.95rem;
    font-weight: 400;
    color: #666;
}
.toc-list a:hover {
    color: var(--kolorek, #000);
    transform: translateX(5px);
}
@media (max-width: 768px) {
    .toc-wrapper {
        padding: 10px 20px 10px 20px;
    }
	.toc-list {
    line-height: 1.5;
    }
	.toc-list ul {
    margin-bottom: 0px;
    }
}	

/* --- strona produktowa - zakładka badania --- */
.pr-tabs-container {
    width: 100%;
    margin-top: 20px;
}
.pr-tabs-nav {
    display: flex;
    gap: 10px;
    border-bottom: 2px solid #eee;
    margin-bottom: 30px;
}
.pr-tab-link {
    padding: 12px 25px;
    cursor: pointer;
    font-weight: 600;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.1rem;
    color: #666;
    transition: all 0.3s ease;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
}
.pr-tab-link:hover {
    color: var(--kolorek);
}
.pr-tab-content {
    display: none;
}
#tab-opis:checked ~ .pr-tabs-nav label[for="tab-opis"],
#tab-badania:checked ~ .pr-tabs-nav label[for="tab-badania"] {
    color: var(--kolorek);
    border-bottom-color: var(--kolorek);
}
#tab-opis:checked ~ #content-opis,
#tab-badania:checked ~ #content-badania {
    display: block;
}
.pr-tabs-container input[type="radio"] {
    display: none;
}
.badania-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: flex-start;
    padding: 20px 0;
}
.badania-preview {
    flex: 1;
    min-width: 300px;
    cursor: pointer;
    position: relative;
}
.badania-preview img {
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}
.badania-preview:hover img {
    transform: scale(1.02);
}
.badania-preview::after {
    content: "\f00e";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    top: 20px;
    right: 20px;
    background: var(--kolorek);
    color: white;
    padding: 10px;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s;
}
.badania-preview:hover::after {
    opacity: 1;
}
.badania-downloads {
    flex: 1;
    min-width: 300px;
}
.download-item {
    display: flex;
    align-items: center;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 15px;
    text-decoration: none;
    color: #333;
    transition: background 0.3s;
    border-left: 4px solid var(--kolorek);
}
.download-item:hover {
    background: #f0f2f0;
}
.download-item i {
    font-size: 1.5rem;
    color: var(--kolorek);
    margin-right: 15px;
}
.download-item .file-info {
    display: flex;
    flex-direction: column;
}
.download-item .file-name {
    font-weight: 700;
    font-size: 1.1rem;
}
.download-item .file-ext {
    font-size: 0.8rem;
    color: #888;
    text-transform: uppercase;
}
.download-item-dark{
border-left: 4px solid #2B362D;
}
.pr-spec{
text-align:center; 
margin-top:10px; 
font-size:0.9rem; 
color:#666;
}
.pr-spec-info{
margin-top:20px;
font-size: 0.85em;
color: #777;
line-height: 1.4;
}
/* --- strona produktowa - stylizacja ilosc dodaj do koszyka --- */
.woocommerce .quantity {
    display: inline-flex;
    align-items: center;
    border: 2px solid var(--kolorek);
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
    height: 54px;
margin-right:10px !important;
}
.woocommerce-cart .quantity {
margin-right:0 !important;
}
.woocommerce .quantity .qty::-webkit-inner-spin-button, 
.woocommerce .quantity .qty::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}
.woocommerce .quantity .qty[type=number] {
    -moz-appearance: textfield; 
}
.woocommerce .quantity .qty {
    width: 30px;
    border: none !important;
    font-weight: 700;
    color: var(--kolorek3);
    background: transparent;
padding: 0;
}
.woocommerce .quantity .minus,
.woocommerce .quantity .plus {
    width: 30px;
    height: 100%;
    background: transparent;
    border: none;
    font-size: 20px;
    font-weight: 400;
    color: var(--kolorek);
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.woocommerce .quantity .minus:hover,
.woocommerce .quantity .plus:hover {
    background-color: rgba(74, 93, 78, 0.1);
    color: var(--kolorek3);
}
.border-faded {
background: 
    linear-gradient(to right, transparent, rgba(74, 93, 78, 0.3) 10%, rgba(74, 93, 78, 0.3) 90%, transparent),
    linear-gradient(to right, transparent, rgba(74, 93, 78, 0.3) 10%, rgba(74, 93, 78, 0.3) 90%, transparent);
background-repeat: no-repeat;
background-size: 100% 1px;
background-position: top, bottom;
}
.display-flex{
display: flex; 
justify-content: center; 
align-items: center; 
flex-wrap: wrap; 
}
.woocommerce div.product form.cart .single_add_to_cart_button.no-margin {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
.al-linear-video-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
 width: 100%;
 margin: 35px auto 10px auto;
}
.al-lightbox-trigger {
	position: relative;
        width: 100%;
        max-width: 360px;
        aspect-ratio: 1080/1200;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 8px 8px 25px rgba(0, 0, 0, 0.07);
        cursor: pointer;
        transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.al-lightbox-trigger:hover {
        transform: translateY(-4px);
        box-shadow: 8px 12px 30px rgba(0, 0, 0, 0.15);
}
.al-lightbox-trigger img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
}
.al-play-button {
	position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 65px;
        height: 65px;
        background-color: var(--kolorek);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 15px rgba(0,0,0,0.25);
        transition: background-color 0.2s ease, transform 0.2s ease;
}
.al-lightbox-trigger:hover .al-play-button {
        background-color: var(--kolorek3);
        transform: translate(-50%, -50%) scale(1.1);
}
.al-play-svg {
        width: 22px;
        height: 22px;
        fill: #ffffff;
        margin-left: 4px;
}
.al-video-caption {
        text-align: center; 
        font-size: 0.85rem; 
        color: #666; 
        margin-top: 12px; 
        font-weight: 600;
}
.al-lightbox-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.9);
        z-index: 999999;
        display: none;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transition: opacity 0.3s ease;
}
.al-lightbox-overlay.active {
        display: flex;
        opacity: 1;
}
.al-lightbox-player-wrapper {
        width: 100%;
        max-width: 420px;
        height: 85vh;
        aspect-ratio: 9/16;
        background: #000;
        border-radius: 12px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
}
.al-lightbox-close {
        position: absolute;
        top: 25px;
        right: 35px;
        background: none;
        border: none;
        color: #fff;
        font-size: 45px;
        line-height: 1;
        cursor: pointer;
        opacity: 0.7;
        transition: opacity 0.2s ease;
	z-index: 10; /* DODANE */
}
.al-lightbox-close:hover {
        opacity: 1;
}
.al-lightbox-open-video{
width:100%; 
height:100%; 
object-fit:contain; 
background:#000;
}
.opakowanie-section {
margin: 0 auto;
max-width: 1200px;
padding-bottom: 20px;
}
.opakowanie-title{
margin: 80px 0 20px 0 !important;
font-size: 1.7rem !important;
font-weight: 600;
font-family: "Poltawski Nowy", serif;
color: var(--kolorek);
}
.opakowanie-img{
width: 100%; 
max-width: 420px !important; 
height: auto; 
margin: 0 auto; 
display: block;
}
.opakowanie-img-zestaw{
 max-width: 600px !important;
}
.zestaw-box {
    border-radius: 24px;
    padding: 40px 35px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.12);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext y='.9em' font-size='30' fill-opacity='0.15'%3E%F0%9F%8C%BF%3C/text%3E%3C/svg%3E") !important;
background-size: 104px !important;
    background-repeat: repeat !important;
    position: relative;
    overflow: hidden;
}
.zestaw-img {
    width: 100%;
    max-width: 380px;
    height: auto;
    display: inline-block;
    filter: drop-shadow(0 15px 25px rgba(0,0,0,0.2));
}
.zestaw-subtitle {
    display: block;
    font-weight: 400;
    font-size: 18px;
    opacity: 0.9;
    margin-bottom: 20px;
}
.zestaw-text {
    font-size: 15px;
    line-height: 1.6;
    opacity: 0.95;
    margin-bottom: 20px;
}
.zestaw-list {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
}
.zestaw-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 1.4;
    opacity: 0.95;
}
.list-check {
    margin-right: 10px;
    color: #ffffff;
    font-weight: bold;
}
.btn-zestaw-promo {
    display: inline-block;
    background: #ffffff;
    color: #2c3e50 !important;
    padding: 13px 26px;
    border-radius: 30px;
    font-weight: 700;
    font-size: 15px;
    border: 1px solid #ffffff;
    letter-spacing: 0.3px;
    text-decoration: none !important;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    text-align: center;
}
.btn-zestaw-promo:hover {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.25);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.18);
}	
.discount-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #C62828;
    color: #ffffff;
    padding: 8px 15px;
    border-radius: 50px;
    font-weight: 800;
    font-size: 16px;
    z-index: 10;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    transform: rotate(-5deg);
    pointer-events: none;
}

.top-promo-bar {
    background-color: #4C4C4C;
    color: #ffffff;
    text-align: center;
    padding: 8px 0;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    z-index: 1001;
    position: relative;
}

.top-promo-bar p {
    margin: 0;
    padding: 0;
	line-height:1.3;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

#promo-timer {
    color: #ffeb3b;
    font-weight: 700;
    display: inline-block;
    min-width: 160px;
    text-align: left;
    margin-left: 10px;
    font-variant-numeric: tabular-nums;
    -moz-font-feature-settings: "tnum";
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
}
	
.promo-text-long { display: inline; }
.promo-text-short { display: none; }

@media (max-width: 768px) {
	.al-lightbox-trigger {
            max-width: 80%;
        }
        .al-lightbox-player-wrapper {
            max-width: 88vw;
            height: 80vh;
        }
        .al-lightbox-close {
            top: 15px;
            right: 20px;
            font-size: 38px;
        }
.opakowanie-title{
	margin: 70px 0 20px 0 !important;
	font-size: 1.5rem !important;
 }
    .zestaw-box {
        padding: 25px 20px;
    }  
    .zestaw-title {
        font-size: 20px !important;
        font-weight: 800 !important;
	margin-top: 20px;
    }    
    .zestaw-subtitle {
        font-size: 15px;
    }
.top-promo-bar {
        font-size: 14px;
        padding: 10px;
    }    
.promo-text-long { display: none; }
.promo-text-short { display: inline; }
#promo-timer {
	display: block;
        margin-left: 0;
        margin-top: 3px;
        min-width: 100%;
        text-align: center;
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .btn-zestaw-promo {
        display: block;
        width: 100%;
        padding: 12px 10px;
        font-size: 13px;
        letter-spacing: 0px;
    }
}	
@media (min-width: 769px) and (max-width: 1200px) {	
	.imgMobile{
	align-self: center !important;
	padding: 80px 0 80px 0;
	}
}

/* gwarancja zwrotu 30 dni */
.pr-section-background-guarantee {
    width: 100vw;
    position: relative;
    left: 50%; 
    right: 50%; 
    margin-left: -50vw; 
    margin-right: -50vw;
    padding: 45px 20px 50px 20px; 
    color: #ffffff; 
    background-color: var(--kolorek3); 
    box-sizing: border-box;
    margin-top: 45px;
    margin-bottom: 45px;
}
.pr-section-title-guarantee {
    color: #ffffff !important;
    margin-bottom: 25px !important;
    border-bottom: none !important;
    background: linear-gradient(to right, transparent, #eaeaea 10%, #eaeaea 90%, transparent);
    background-repeat: no-repeat;
    background-size: 100% 1px;
    background-position: bottom;
}
.al-guarantee-inner {
    max-width: 650px;
    margin: 0 auto;
    text-align: center;
}
.al-guarantee-header {
    margin-bottom: 30px;
}
.al-guarantee-icon {
    width: 50px;
    height: 50px;
    margin: 0 auto 10px;
    color: #d7ffdf; 
}
.al-guarantee-icon svg {
    width: 100%;
    height: 100%;
}
.al-guarantee-title {
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #d7ffdf !important;
    margin: 0 0 5px 0 !important;
    font-family: "Poltawski Nowy", serif;
    font-size: 1.4rem;
    font-weight: 600;
}
.al-guarantee-subtitle {
    font-size: 1.15rem;
    color: rgba(255, 255, 255, 0.85);
    margin: 0;
}

.al-guarantee-card {
    display: block;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 35px 30px;
    margin-bottom: 25px;
    transition: transform 0.3s ease, background 0.3s ease;
}
.al-guarantee-card:hover {
    transform: translateY(-4px);
    background: rgba(255, 255, 255, 0.07);
}
.al-guarantee-num {
    font-size: 5.5rem;
    font-weight: 800;
    line-height: 0.9;
    color: #d7ffdf;
    margin: 0 0 5px 0;
    transition: transform 1s ease-out; 
    display: inline-block;
}
.al-guarantee-num.is-counting {
    transform: scale(1.15);
    transition: transform 1.2s linear;
}
.al-guarantee-days {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 0.85rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.6);
    margin: 0 0 15px 0;
}
.al-guarantee-card-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 8px 0;
}
.al-guarantee-card-text {
    font-size: 1.05rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
}
.al-guarantee-confidence {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.6;
    margin: 0;
}
.al-guarantee-confidence a {
    color: #91ae97;
    text-decoration: none;
    font-weight: 700;
    display: inline-block;
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.8rem;
    border-bottom: 1px solid #91ae97;
    padding-bottom: 2px;
    transition: all 0.3s ease;
}
.al-guarantee-confidence a:hover {
    color: #d7ffdf;
    border-bottom-color: #d7ffdf;
    transform: scale(1.05);
}
@media (max-width: 768px) {
    .pr-section-background-guarantee {
        padding: 40px 15px 40px 15px;
        margin-top: 35px;
        margin-bottom: 35px;
    }
    .al-guarantee-title {
        font-size: 1.5rem;
    }
    .al-guarantee-num {
        font-size: 4.2rem;
    }
    .al-guarantee-card {
        padding: 30px 20px;
    }
}

.pr-badania{
cursor: pointer;
color: var(--kolorek);
font-weight: 700;
display: inline-block;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.85rem;
border-bottom: 1px solid var(--kolorek);
padding-bottom: 2px;
transition: all 0.3s ease;
}
.pr-badania:hover {
    color: var(--kolorek3);
    border-bottom-color: var(--kolorek3);
    transform: scale(1.05);
}
.pr-badania-p {
font-size: 1.05rem;
}

/* jaki wybrac adaptogen */
.adaptogen-quiz-box {
    background: #f5f5f5;
    border-radius: 20px;
    padding: 40px 30px;
    width: 100%;
}
.adaptogen-quiz-box h2 {
    font-size: 1.7rem;
    margin-bottom: 15px;
}
.adaptogen-quiz-box .quiz-title {
    font-size: 1.7rem;
    margin-bottom: 15px;
    font-weight: 500;
    line-height: 1.2;
    font-family: "Poltawski Nowy", serif;
}
.adaptogen-quiz-box p {
    font-size: 16px;
    margin-bottom: 25px;
    opacity: 0.8;
}

/* zestaw adaptogenow */
.check-list {
    list-style: none;
    padding: 0;
}
.check-list li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.check-list .checkmark {
    color: var(--kolorek);
    font-size: 1.2em;
    flex-shrink: 0;
}
.check-list-mobile-left li {
    justify-content: flex-end;
}
.pr-image-box-bg-right{
 background: linear-gradient(to right, rgba(0,0,0,0.03) 0%, transparent 100%);
 border-radius: 20px;
 padding: 40px 20px;
}
.pr-image-box-bg-left{
 background: linear-gradient(to left, rgba(0,0,0,0.03) 0%, transparent 100%);
 border-radius: 20px;
 padding: 40px 20px;
}
.pr-image-filter{
 filter: drop-shadow(0 15px 25px rgba(0,0,0,0.15));
}
.pr-tagline{
font-size: 1.1em;
color: #666;
display: block;
font-weight: 600;
}
.line-height-13{
line-height: 1.3;
}
.line-height-15{
line-height: 1.5;
}
.line-height-16{
line-height: 1.6;
}
.line-height-17{
line-height: 1.7;
}
.line-height-18{
line-height: 1.8;
}
.line-height-2{
line-height: 2;
}
.info-box{
 background: #f8f9fa;
 border-radius: 8px;
 border-left: 4px solid var(--kolorek);
}
.info-box-text{
 margin: 0; 
 color: #555; 
 font-size: 0.95em;
}
.pr-section-warning{
 font-size: 0.9em;
 font-style: italic;
 color: #666;
 border-left: 3px solid var(--kolorek);
}
.pr-promo-box{
 background: #f9f9f9;
 border: 2px dashed var(--kolorek);
 padding: 20px;
 text-align: center;
 margin: 25px 0;
 border-radius: 8px;
}
.pr-promo-title{
 display: block;
 text-transform: uppercase;
 letter-spacing: 1px;
 color: #777;
 font-size: 0.9em;
 font-weight: bold;
}
.pr-price-label{
 display: block; 
 font-size: 0.8em;
 color: #888;
 text-transform: uppercase;
}
.pr-price-old{
 font-size: 1.4em; 
 color: #999;
 text-decoration: line-through;
 font-weight: 400;
}
.pr-price-label-new {
    font-size: 0.9em;
    color: #e74c3c;
    font-weight: bold;
}
.pr-price-new{
 font-size: 2.2em;
 color: #e74c3c;
 font-weight: 800;
 line-height: 1;
}
.pr-price-arrow{
 font-size: 1.5em; 
 color: #444; 
 font-weight: 300;
}
.pr-promo-green{
 color: #27ae60;
}
.pr-synergy-grid{
 display: flex;
 flex-wrap: wrap;
 gap: 30px;
 justify-content: center;
}
.pr-synergy-card{
 flex: 1;
 min-width: 300px;
 max-width: 500px;
 background: rgba(255,255,255,0.03);
 border-radius: 12px;
 border: 1px solid rgba(255,255,255,0.05);
}
.pr-synergy-subtitle{
 font-weight: normal;
 color: #a0a0a0;
}
.pr-synergy-footer{
 max-width: 920px;
 margin: 30px auto 0;
}
@media (max-width: 768px) {
.check-list-mobile-left li {
 justify-content: flex-start;
}
.check-list-mobile-left .checkmark {
 order: -1;
 margin-left: 0 !important;
 margin-right: 10px !important;
}
.check-list li {
 align-items: self-start;
 text-align: left !important;
 }
.pr-margin-mobile h3{
 margin-top:15px !important;
 }
}
/* lista 1,2,3.. */
.step-wrapper {
    display: flex; 
    align-items: center; 
    gap: 12px;
}
.step-number {
    display: inline-flex; 
    align-items: center; 
    justify-content: center; 
    width: 32px; 
    height: 32px; 
    background-color: var(--kolorek, #000); 
    color: #fff; 
    border-radius: 50%; 
    font-weight: 700; 
    font-size: 16px; 
    flex-shrink: 0;
}

/* Kontener ikon platnosci pod koszykiem */
.product-payment-icons {
    border-top: 1px solid #eaeaea;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap; 
    gap: 10px;
}
.payment-icons-title {
    font-size: 13px;
    color: #666;
    font-weight: 500;
    padding-left: 2px;
    white-space: nowrap;
    flex-shrink: 0;
}
.product-payment-icons .list-payment {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: nowrap;
    min-width: 0;
}
.product-payment-icons .list-payment__item {
    line-height: 0;
    flex-shrink: 1;
    min-width: 0;
}
.product-payment-icons .icon, 
.product-payment-icons img {
    height: 20px;
    width: auto;
    max-width: 100%;
    opacity: 0.85;
    transition: opacity 0.2s ease-in-out, transform 0.2s ease;
}
.product-payment-icons .list-payment__item:hover .icon,
.product-payment-icons .list-payment__item:hover img {
    opacity: 1;
    transform: translateY(-2px);
}

/* WYGLĄD STRON Z WSPÓŁPRACĄ */
.powrot-separator {
    width: 40px;
    height: 2px;
    background: #e0e0e0;
    margin: 0 auto 25px auto;
}
.powrot-naglowek{
 letter-spacing: -0.3px;
}
.powrot-opis {
    font-size: 14px;
    max-width: 550px;
    margin: 0 auto 20px auto;
}
.powrot-link {
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color 0.2s ease-in-out;
}
.powrot-link:hover {
    color: #19A56F !important;
}

.powrot-link .strzalka-prawo {
    transition: transform 0.2s ease-in-out;
}

.powrot-link:hover .strzalka-prawo {
    transform: translateX(4px);
}
.tier-list-icon{
height: 38px;
display: flex;
align-items: center;
justify-content: center;
}
.coop-header{
letter-spacing: 1px;
text-transform: uppercase;
}
.display-block{
display: block;
}
/* =========================================================
   WYGLĄD BLOGA TYLKO NA STRONIE GŁÓWNEJ
========================================================= */
.homepage{
 padding-left: 20px !important;
 padding-right: 20px !important;
}
.homepage .al-blog__grid {
    grid-template-columns: repeat(3, 1fr) !important; 
    gap: 20px;
}
.homepage .al-card__body {
    padding: 15px; 
}
.homepage .al-card__title {
    font-size: 1.05rem; 
    line-height: 1.3;
    margin-bottom: 8px;
}
.homepage .al-card__excerpt {
    font-size: 0.85rem; 
    line-height: 1.45;
    margin-bottom: 12px;
}
.homepage .al-card__more {
    font-size: 0.85rem;
}
.homepage .al-blog__pagination {
    display: none !important;
}
@media (max-width: 768px) {
    .homepage .al-blog__grid {
        grid-template-columns: 1fr !important;
        gap: 25px;
    }
    .homepage .al-card__body {
        padding: 20px;
    }
    
    .homepage .al-card__title {
        font-size: 1.15rem; 
    }
    
    .homepage .al-card__excerpt {
        font-size: 0.95rem;
    }
}
.font-weight600{
font-weight: 600;
}
.font-weight700{
font-weight: 700;
}
.font-weight800{
font-weight: 800;
}
.font-weight900{
font-weight: 900;
}
.font-07rem{
font-size:0.7rem;
}
.font-085rem{
font-size:0.85rem;
}
.font-09rem{
font-size:0.9rem;
}
.font-095rem{
font-size:0.95rem;
}
.font-1rem{
font-size:1rem;
}
.font-11rem{
font-size:1.1rem;
}
.font-12rem{
font-size:1.2rem;
}
.font-14rem{
font-size:1.4rem;
}
.font-15rem{
font-size:1.5rem;
}
.font-18rem{
font-size:1.8rem;
}
.font-20rem{
font-size:2rem !important;
}
.font-22rem{
font-size:2.2rem;
}
.font-25rem{
font-size:2.5rem;
}
.font-11px{
font-size:11px;
}
.font-12px{
font-size:12px;
}
.font-14px{
font-size:14px;
}
.font-15px{
font-size:15px;
}
.font-16px{
font-size:16px;
}
.font-17px{
font-size:17px;
}
.font-18px{
font-size:18px;
}
.font-30px{
font-size:30px;
}
.font-32px{
font-size:32px;
}