@import url("https://use.typekit.net/jea0cvn.css");
.lp {margin: 0 auto;padding: 0;width: 100%;font-family: "bitcount-grid-single-square", sans-serif;
font-weight: 600;
font-style: normal;
        background: url(img/bg.webp) repeat-y fixed;background-size: cover;color:#000; font-size: 18px;}
.lp h1{font-family: "bitcount-grid-single-square", sans-serif;font-size: 1.75rem;font-weight: 600}
.lp h2{font-family: "bitcount-grid-single-square", sans-serif;font-size: 1.25rem;font-weight: 600}
.lp a{text-decoration: none;color:#fff;}
.lp a:hover{text-decoration: none;color:#fff;}
.lp .text-box{margin-bottom: 30px;}
.lp .section-grey{background: url(img/bg_grey.webp) repeat-y fixed;background-size: cover;padding:30px;color:#fff !important}
.lp .section-grey2{background: url(img/bg_grey.webp) repeat-y fixed;background-size: cover;padding:0 30px;color:#fff !important}


.lp .cta-kup{cursor: pointer;font-size: 16px; text-decoration: none;color:#72b82c!important;border-radius: 10px;display: block}
.lp .cta-kup:hover{color:#000!important;text-decoration: none}
.lp .btn-cta{border:1px solid #85c042 !important;border-radius: 10px}
.lp .frame{font-size: 16px; font-weight: 500; color:#fff!important;text-decoration: none;padding:10px 40px;background: #fff!important; color:#440719!important;border-radius: 10px;display: block}
.lp .title{color: #1a1a1a;text-align: center;margin-bottom: 10px}
.lp .content{position: relative;width: 100%;max-width: 100%;margin: auto;overflow: hidden}
.lp .content .content-overlay{background: rgba(0,0,0,0.8);position: absolute;height: 100%;width: 100%;left: 0;top: 0;bottom: 0;right: 0;opacity: 0;-webkit-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s}
.lp .content:hover .content-overlay{opacity: 1}
.lp .content-image{width: 100%}
.lp .content-details{position: absolute;text-align: center;padding-left: 1em;padding-right: 1em;width: 100%;top: 50%;left: 50%;opacity: 0;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s}
.lp .content:hover .content-details{top: 50%;left: 50%;opacity: 1}
.lp .content-details-m{text-align: center;padding: 1em;width: 100%;top: 50%;left: 50%;opacity: 1;height:260px}
.lp .content-details h2{color: #fff;font-weight: 400;letter-spacing: 0.05em;text-transform: uppercase;font-size: 2em;}
.lp .content-details p{color: #fff;font-size: 1em}.fadeIn-bottom{top: 80%}
/* Wyrównanie kart */
.card {
  display: flex;
  flex-direction: column;
  height: 100%; /* Wymuszenie równej wysokości całej karty */

}
.lp .video-box{background: url(img/video_bg.png) no-repeat center center;background-size: contain;}

.lp li{padding:10px 0;margin-right:10px}
.lp .accordion-dark {background: #0d0d0d;color:#fff;}
.lp .dark-header {background: #0d0d0d;color:#fff;border-bottom:1px solid #fff;}
.lp button{background: #000;color:#fff;width:100%;border:none;}
.lp .accordion-button:not(.collapsed){color: #000;
background-color: #f1f1f1;}
.lp .accordion-body{border-bottom:1px solid #fff}
.lp .accordion-button::after {background-image: url("img/arrow_dowm.png"); }
.lp .accordion-button:not(.collapsed)::after {background-image: url("img/arrow_dowm.png")}
.lp .social a{padding:20px;}
.lp .social{text-align:center}
.lp svg{fill:#000;}
.lp .kolor-pion{position: absolute;right: 0;width:8px}
.lp .title-box{padding:10px;display: block;color:#000!important}
.lp .title-box:hover{color: #85c042!important}
.lp .circle{border: 1px solid #fff;  border-radius: 50%; color:#fff}
.lp .product-title{font-size:14px;display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;color:#000 !important;margin:0 auto;}
.lp .price1{font-size:16px;font-weight: 600;margin:0 auto;}
.lp .price2{font-size:16px;font-weight: 600;margin:0 auto;}
.lp .price3{font-size:11px;color:#999999;margin:0 auto;}
.lp .kod{color:#fff;margin:0 auto;padding-bottom: 10px}
.lp .hidden-element{visibility: hidden}
.lp .cta-kup-white{cursor: pointer;font-size: 18px; font-weight: 400; color:#000;text-decoration: none;padding:10px 20px;text-transform:uppercase;background: #fff;border-radius: 10px}
.lp .cta-kup-white:hover{background: 0; color:#fff;text-decoration: none;border-radius: 10px; border: 1px solid #fff}
.lp .cta-kup-dark{cursor: pointer;font-size: 18px; font-weight: 400; color:#fff;text-decoration: none;padding:10px 20px;text-transform:uppercase;background: #000;border-radius: 10px}
.lp .cta-kup-dark:hover{background: 0; color:#000;text-decoration: none;border-radius: 10px; border: 1px solid #000}
/* Ustawienie kart na równą wysokość */
.item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%; /* Gwarantuje równą wysokość dla wszystkich elementów */
}
.lp .boks{border:1px solid #fff !important;border-radius: 10px}
/* Wyrównanie treści w sekcji card-body */
.card-body {
  display: flex;
  flex-direction: column;
  justify-content: flex-end; /* Wyrównanie treści do dołu */
  height: 160px!important; /* Wypełnia całą dostępną przestrzeń */
}

/* Obsługa obrazków, aby nie zmieniały proporcji */
.card img {
  max-width: 100%;
  height: auto;
  margin-bottom: auto; /* Zapewnia, że obrazy są u góry, a opisy na dole */
}

/* Opcjonalnie: kontrola odstępów między elementami */
.card-body p {
  margin: 0; /* Usuwa domyślne marginesy */
}

.owl-carousel .item {
  padding: 10px; /* Opcjonalnie: odstępy między kafelkami */
  box-sizing: border-box; /* Uwzględnia padding w szerokości */
}


.icons8-instagram {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(img/insta.svg);
    background-size: 100%
}

.icons8-facebook {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(img/fb.svg);
    background-size: 100%
}

.icons8-tiktok {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(img/tt.svg);
    background-size: 100%
}

.icons8-youtube {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(img/yt.svg);
    background-size: 100%
}
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.image-over {
    position: relative;
}
.image-over img {
    vertical-align: top;
}
.image-over:after {
    content: '\A';
    position: absolute;
    width: 100%; height:100%;
    top:0; left:0;
    background:rgba(134,192,66,0.7);
    opacity: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
}
.lp a:hover .image-over:after{
	opacity: 1;
}
.lp .green{color:#a5e848}
.lp .green-bg{background:#a5e848}
.lp .owl-prev {
	left: 0;
}
.lp .owl-prev:hover, .lp .owl-next:hover {
   background:rgba(255,255,255,0)!important;
    color: #FFF;
    text-decoration: none;
}
.lp .owl-prev, .lp .owl-next {
	position: absolute;
	top: 30%;
	width: 50px;
	height: 50px;
	text-align: center;
	background: #85c042;
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}
.lp .owl-pagination{
	position: absolute;
    z-index: 1;
    margin-top: -50px;
    width: 100%;
}

.owl-prev:hover, .owl-next:hover {
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
   background-color: rgba(255,255,255,0.5);
}
.owl-next {
	right: 0px;
}

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
div.owl-nav button.owl-prev span{
	display: block;
	width: 70px!important;
	height: 6px!important;
	margin: 5px 7px;
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	background: #85c042;
	transition: all .3s ease;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	background: #85c042;
}
.arrow-right{
    cursor: pointer;
    outline: none;
}
.arrow-right:hover{background-position: 50%;
    background-color: none;
	border-radius: 0%;}

.arrow-right::before{
	display: block;
    width: 40px;
    height: 40px;
	content: "";
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(img/arrow_right.png);
	border-radius: 0%;
}
.arrow-left{
    cursor: pointer;
    outline: none;
}

.arrow-left::before{
	display: block;
    width: 40px;
    height: 40px;
	margin-left: 15px;
	content: "";
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(img/arrow_left.png);
	border-radius: 0%;
}
.lp .store-card {
    background-color: #000;
    padding: 45px 24px;
    margin-bottom: 35px;
}
.lp .store-header {
    text-align: center;
    padding-bottom: 16px;
    margin-bottom: 24px;
    border-bottom: 1px solid #EEF0F6;
}
.lp .store-body {
    padding: 0px 10px;
}
.lp .store-footer {
    margin-top: 30px;
}
.lp .step-text a{
    color:#e9dfe5;
}
ul li {list-style: none none inside;
}
.lp .nav{width:100%}
.lp .nav-pills .nav-link.active{background:#85c042; color:#000}
.lp .nav-pills .nav-link.active:hover{background:#85c042; color:#fff}
.lp .nav-pills .nav-link{border:1px solid #85c042;color:#fff;}
.lp .nav-pills .nav-link:hover{color:#85c042}
.lp .nav-item {
  display: flex; 
  align-items: center; 
  justify-content: center; 
  height: 100px; 
  text-align: center; 
  flex: 1; 
  padding: 5px; 
}

.lp .nav-link {
  flex-grow: 1; 
  display: flex;
  align-items: center; 
  justify-content: center;
  height: 100%; 
  text-align: center;
}

.lp .social a{padding:20px;}
.lp .social{text-align:center}
.lp svg{fill:#fff;}
.lp .kolor-pion{position: absolute;right: 0;width:8px}
.lp .title-box{text-transform: uppercase;padding:10px;display: block;color:#fff}
.lp .title-box:hover{color: #85c042}
.lp .circle{border: 1px solid #fff;  border-radius: 50%; color:#fff}
.icons8-instagram {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(img/insta-bk.svg);
    background-size: 100%
}

.icons8-facebook {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(img/fb-bk.svg);
    background-size: 100%
}

.icons8-tiktok {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(img/tt-bk.svg);
    background-size: 100%
}

.icons8-youtube {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(img/yt-bk.svg);
    background-size: 100%
}
.item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

@media all and (max-width: 768px){.lp .mobile{display: block; visibility:visible;}
.lp .desktop{display: none;visibility: hidden;}}
@media (min-width: 768px){.lp .mobile{display: none; visibility:hidden;}
.lp .desktop{display: block;visibility: visible;}}
@media (min-width: 992px){.lp .mobile{display: none;visibility:hidden;}
.lp .desktop{display: block;visibility: visible;}
.lp .card-body {
  display: flex;
  flex-direction: column;
  justify-content: flex-end; 
  height: 160x!important;
}}
@media (min-width: 1200px){.lp .mobile{display: none;visibility:hidden;}
.lp .desktop{display: block;visibility: visible;}
.lp .card-body {
  display: flex;
  flex-direction: column;
  justify-content: flex-end; 
  height: 160px!important;
}}