p a {
    color: #6a22bb !important; 
    text-decoration: none !important;
}
.input-group.bootstrap-touchspin {
    border: 0 !important;
    background: #F8F7FE;
}
.material-icons {
    font-family: Material Icons !important;
}
.input-group.bootstrap-touchspin .input-group-btn {
    height: 100% !important;
}
.input-group.bootstrap-touchspin{
    border-radius: 0px !important;
}
body#product .product-actions .dodaj .add-to-cart::after,
body.page-product .product-actions .dodaj .add-to-cart::after {
    content: none !important;
    display: none !important;
}
.product-miniature .add-to-cart-or-refresh .btn.add-to-cart:after {
    content: '\203a';
    font-size: 32px;
}

/* Responsive styles */
@media (max-width: 767px) {
  .product-quantity {
    flex-direction: column;
  }
  
  .product-quantity .qty {
    margin-right: 0;
    margin-bottom: 15px;
    width: 100%;
  }
  
  .product-quantity .add {
    width: 100%;
  }
  
  .product-price {
    font-size: 1.5rem;
  }
  
  .product-price .regular-price {
    font-size: 1rem;
  }
  
  .product-variants-item select {
    font-size: 0.875rem;
  }
  
  .color {
    width: 1.75rem;
    height: 1.75rem;
  }
  
  .thumb-container {
    width: 33.333%;
  }
  
  .right-product {
    margin-top: 30px;
    padding: 15px;
  }
  
  .tab-label {
    font-size: 16px;
    margin-right: 10px;
    padding: 8px 12px;
  }
}



/* Tabs (moved from product.tpl inline <style>) */
.tabs-wrapper {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  margin-top: 2%;
}
.tab-input {
  display: none;
}
.tab-label {
  font-size: 18px;
  font-weight: 500 !important;
  display: inline-block;
  margin-right: 10px;
  padding: 10px 15px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  font-weight: bold;
}
.tab-input:checked + .tab-label {
  border-color: #6a22bb;
  color: #6a22bb;
}
.tab-content {
  text-align: left;
  display: none;
  margin-top: 20px;
}
#tab1:checked ~ .tab-content1,
#tab2:checked ~ .tab-content2,
#tab3:checked ~ .tab-content3,
#tab4:checked ~ .tab-content4 {
  display: block;
}

/* Product page typography (moved from custom.css) */
#product #main h1 {
  font-size: 1.82rem;
}
#product #main .reference {
  font-size: 0.97rem;
  color: black  !important;
}
#product #main .product-price span {
  font-size: 1.82rem;
  font-weight: 700;
  margin-bottom: 2.1rem;
  display: block;
}
#product #main .product-price span.discount-box {
  font-size: 1.2rem;
}
.product-information {
  font-size: 0.97rem;
}
.product-description span {
  font-size: 17px !important;
}
.product-flags li.product-flag {
  font-size: 1.2rem;
}
span#product-availability.unavailable {
  font-size: 0.85rem;
}
main {
    background: white !important;
}





#products .product-miniature:not(.category-product):hover .thumbnail-container, 
.products .product-miniature:not(.category-product):hover .thumbnail-container,
 .featured-products .product-miniature:not(.category-product):hover .thumbnail-container,
  .product-accessories .product-miniature:not(.category-product):hover .thumbnail-container, 
  .product-miniature .product-miniature:not(.category-product):hover .thumbnail-container {
    background: #6a22bb;
}

#products .product-miniature:not(.category-product):hover .thumbnail-container img,
 .products .product-miniature:not(.category-product):hover .thumbnail-container img,
  .product-accessories .product-miniature:not(.category-product):hover .thumbnail-container img,
   .featured-products .product-miniature:not(.category-product):hover .thumbnail-container img,
    .product-miniature:not(.category-product):hover .thumbnail-container img {
    filter: grayscale(100%);
    opacity: 0.15;
    background: #000;
}

#products .product-miniature:not(.category-product):hover .thumbnail-container .thumbnail,
 .products .product-miniature:not(.category-product):hover .thumbnail-container .thumbnail,
  .product-accessories .product-miniature:not(.category-product):hover .thumbnail-container .thumbnail,
   .featured-products .product-miniature:not(.category-product):hover .thumbnail-container .thumbnail,
    .product-miniature:not(.category-product):hover .thumbnail-container .thumbnail {
    background: rgb(82, 0, 175);
    width: 250px;
    margin: 0 auto;
    height: 252px;
}

#products .product-miniature:not(.category-product):hover .product-title a,
 .products .product-miniature:not(.category-product):hover .product-title a,
  .product-accessories .product-miniature:not(.category-product):hover .product-title a,
   .featured-products .product-miniature:not(.category-product):hover .product-title a, 
   .product-miniature:not(.category-product):hover .product-title a,
    #products .product-miniature:not(.category-product):hover .product-price-and-shipping, 
    .products .product-miniature:not(.category-product):hover .product-price-and-shipping,
     .product-accessories .product-miniature:not(.category-product):hover .product-price-and-shipping,
      .featured-products .product-miniature:not(.category-product):hover .product-price-and-shipping,
       .product-miniature:not(.category-product):hover .product-price-and-shipping {
    color: #fff;
}

#products .product-miniature:not(.category-product):hover .product-flags,
 .product-accessories .product-miniature:not(.category-product):hover .product-flags,
  .products .product-miniature:not(.category-product):hover .product-flags,
   .featured-products .product-miniature:not(.category-product):hover .product-flags,
    .product-miniature:not(.category-product):hover .product-flags {
    opacity: 0.15;
}

.add-to-cart-or-refresh .btn.add-to-cart {
    box-shadow: none;
    background: #6a22bb;
    border: 1px solid #fff;
    border-radius: 7px;
    text-transform: none;
    padding: 8px 30px 8px 20px;
    font-weight: 800;
    font-size: 18px;
}

.product-miniature:not(.category-product) .add-to-cart-or-refresh {
    display: none;
    position: absolute;
    top: 46%;
    width: 100%;
    text-align: center;
}

.product-miniature:not(.category-product):hover .add-to-cart-or-refresh {
    display: block;
}

.product-miniature .add-to-cart-or-refresh .btn.add-to-cart:after {
    content: '\203a';
    font-size: 32px;
    position: absolute;
    top: -3px;
    padding-left: 4px;
}

.product-miniature .product-category {
    display: none;
}

.product-miniature:not(.category-product):hover .product-category {
    position: absolute;
    display: block;
    color: #fff;
    top: 15px;
    left: 15px;
    font-size: 13px;
}

.featured-products .col-md-6 {
    padding: 0;
}

.big-thumbnail-container {
    position: relative;
    margin-bottom: 10px;
    height: 643px;
    width: 100%;
    text-align: center;
    background: #f2f2f2;
}

.big-product-description {
    text-align: center;
}

.featured-products .product-miniature .big-product-description .product-title, .products .product-miniature .big-product-description .product-title {
    text-align: center;
}

#products .big-product-description .product-price-and-shipping, .featured-products .big-product-description .product-price-and-shipping, .products .big-product-description .product-price-and-shipping, .product-accessories .big-product-description .product-price-and-shipping, .product-miniature .big-product-description .product-price-and-shipping {
    text-align: center;
}



.block_newsletter form button[type=submit]:after {
    content: '\203a';
    font-size: 26px;
    position: absolute;
    top: 0;
    padding-left: 5px;
    font-weight: 300;
}

.main-link-category {
    background: #f2f2f2;
    height: 317px;
    width: 317px;
    text-align: center;
    margin: 0 5px 5px 5px;
    padding-top: 30px;
}

.main-link-category a {
    color: #6a22bb;
}

.main-link-category b {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 26px;
    line-height: 120%;
}

.main-link-category h5 {
    text-transform: uppercase;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 10px;
}

.big-thumbnail-container:hover {
    background: #6a22bb;
}

.big-thumbnail-container:hover a.thumbnail.product-thumbnail {
    position: relative;
}

.big-thumbnail-container:hover a.thumbnail img {
    /* filter: grayscale(1); */
}



.product-actions .add-to-cart {
    box-shadow: none;
    background: #6a22bb;
    border: 1px solid #fff;
    border-radius: 7px;
    text-transform: none;
    padding: 8px 50px 8px 50px;
    font-weight: 800;
    position: relative;
    font-size: 18px;
}



a.product-print {
    float: right;
    display: inline-block;
    margin-top: 20px;
}


.product-line-grid-body>.product-line-info>.label {
    color: #6a22bb;
    font-weight: 700;
    font-size: 20px;
}




.product-line-grid-right .cart-line-product-actions .remove-from-cart {
    display: block;
    font-size: 12px;
    color: #808080;
    line-height: 19px;
}

.product-line-grid-right .cart-line-product-actions .remove-from-cart img {
    vertical-align: middle;
    padding-right: 2px;
}

.cart-items .product-line-grid small {
    display: block;
    color: #808080;
    font-size: 12px;
    font-weight: 300;
}

.cart-items .product-line-grid-body,.cart-items .product-line-grid-right {
    height: 150px;
    position: relative;
}

.cart-items .product-line-grid-right .product-price {
    font-size: 18px;
}

.product-line-grid-right .pos-bottom, .product-line-grid-body .pos-bottom {
    position: absolute;
    bottom: 0;
}

.product-line-grid-right .pos-right, .product-line-grid-body .pos-right {
    right: 0;
}

.product-line-grid-body > .qty {
    padding-left: 0;
}

.input-group.bootstrap-touchspin {
    box-shadow: none !important;
}





.tekst-maly{
	line-height: 1.5;
	font-size: 15px;
}
.product-description img{
	border-radius: 20px;
}

.product-description p{
	font-size: 17px;
	line-height: 1.5;
}

#description.tab-pane fade in active a
{
target-new: window;
}

.social-sharing>span{
	color: #1f2124;
}

.tabs .nav-tabs .nav-link{
	    color: #000;
}

@media only screen and (max-height: 800px)  {
	
	.cart-products {
    max-height: 230px;
    overflow-y: scroll;
}
	
	
}

#top-menu>li#category-10{
	
	color: #fff;
  
    padding: 0px 15px;
    font-size: 14px;
    border-radius: 4px;
}

#top-menu>li#category-10>a{
color: #6a22bb;
font-weight: bold;
}

@media only screen and (min-height: 800px)  {
	
	#top-menu>li#category-10{
    padding-bottom: 38px;
}

	
	
}

@media only screen and (min-width: 800px)  {
	
	
#top-menu>li#category-10{
	display: none !important;
}
	
	#top-menu>li#lnk-sklep
	{
	display: none !important;
}
}

.category-product .add-to-cart-or-refresh .btn.add-to-cart:disabled{
	border: none;
    background-color: gray;
    color: white;
}
.product-actions .add-to-cart:disabled{
	border: none;
    background-color: gray;
    color: white;
}


.glow-on-hover {
    
    border: none;
    outline: none;
    color: #fff;
    background: linear-gradient( 
90deg
,#743e96 0,#b82cbe);
    cursor: pointer;
    position: relative;
    z-index: 0;
	margin-bottom: 7px;
	text-transform: uppercase;
    color: #fff;
    display: inline-block;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
	padding: 20px 0;
	width: 100%;
	font-size: 1.82rem;
    padding: 20px 0;
    font-weight: 700;
    border-radius: 5px;
}

.glow-on-hover:before {
    content: '';
    background: linear-gradient(45deg, #6a22bb, #ff00c8, #6a22bb, #002bff, #00ffd5, #002bff, #7a00ff, #ff00c8, #6a22bb);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 30px;
}

.glow-on-hover:active {
    color: #000
}

.glow-on-hover:active:after {
    background: transparent;
}

.glow-on-hover:hover:before {
    opacity: 1;
}

.glow-on-hover:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 30px;
}

.select-developer-block .dev-boxes .dev-box img{
	width: 210px;
}

@media (max-width: 575px) {
     .product-description p{
		 margin-left: 10px;
		 margin-right: 10px;
	 }
	 h2.h2-home{
		  margin-left: 10px;
		 margin-right: 10px;
	 }
		
		}
		
header#blog-single-header .cover-container img{
width: 100%;
}	

@media (min-width: 975px) {
	#wojtek{
		margin-top: 110px;
	}
	
}

#live-search ul a:hover{
	color: #6a22bb;
	font-size: 20px;
}


@media (min-width: 975px) {
	#tt1{
		margin-top: 140px;
	}
	#tt2{
		margin-top: 140px;
	}
	#tt5{
		margin-top: 199px;
	}
	#tt6{
		margin-top: 169px;
	}
	.prs{
		
	    margin-top: -4%;
	}
	.prs50{
		
	    margin-top: -8%;
	}
	
	.appart2{
margin-bottom:25px;text-align:right;line-height:1.6;margin-top:30%;padding-left:10px;padding-right:10px;
}

.appart3{
margin-left:10%;margin-right:10%;
}

.wyss{
height: 345px;
}

.torr3{
height: 759px;
}
.posz{
text-align: right; 
}


.posz1{
text-align: left; margin-right: 10px;
}

.posz2{
text-align: left; 
    padding-left: 10%
}

.poszt{
text-align: left; 
    padding-left: 20%
}

.posz3{

 text-align: left; 
    padding-left: 25%

}
.appart5{
	margin-right: -10px;
}

.posz4{
padding-top: 50px;
    padding-bottom: 50px;
	}
	
	.posz40{
	margin-top: 40px; 
	}
	
.posz10{
text-align: left; 
    padding-left: 10%
}

	
	.sizee2{
	font-size: 26px;
}
	.sizee3{
	margin-top: 20%;
}

.posz-center{
text-align: left;
}

	
	.posz-font{
	font-size: 19px;
	
	}
	.posz-center-right{
		text-align: right;
	}
	
	.pc-none{
	display: none;
	}
	.kontak{
		margin-top: 90px;
    margin-left: 10%;
	}
	
}


@media only screen and (max-width: 1400px) and (min-width: 1000px){
    body.shop .container {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 975px) {
	.appart2{
margin-bottom:25px;text-align:left;line-height:1.6;margin-top:30px;padding-left:0px;padding-right:10px;
}

.appart3{
margin-left:3%;margin-right:3%;
}
.wyss{
 height: 590px;
}

.torr3{
height: 1501px;
}

.posz{
text-align: center; 
}

.posz1{
text-align: left;
}

.posz2{
text-align: left;
}
.posz3{

 text-align: center;

}

.mnone{
	padding-left: 58px;
}

.marginmobile{
	margin-top: 60px;
	
	
}
.sizee2{
	font-size: 19px;
}

.posz-center{
text-align: center;
}

.posz-font{
	font-size: 15px;
	
	}
	
	.posz-center-right{
		text-align: center;
	}
	
	
	.mob-none{
	display: none;
	}
	.flexmm{
		display: flex;
		flex-direction: column-reverse;
	}
	
}

@media (min-width: 975px) {
	.bot90{
		margin-bottom:90px;
	}
	
	.height980 h1{
		margin-bottom: 30px;

	}
	
}

@media only screen and (max-width: 1500px) and (min-width: 1000px){
.posz-font{
	font-size: 16px;
}
.wyss{
	height: 423px;
}

}

body.shop main>.page-name.grey-name {
    background: #f8f8f8;
   
}

body#category main>.page-name h1 {
    text-align: center;
  
}



.carousel .carousel-item .caption{
	display: block;
}

div#description p {
    font-size: 16px;
}

div.wpcf7 {
    margin: 0;
    padding: 0;
    background-color: #6a22bb;
    color: white;
    padding: 50px;
    border-radius: 40px;
	}
	
	
@media (max-width: 1280px)
{
	div#search-bar {
		display: none;
	}
}


.box h3{
  text-align:center;
  position:relative;
  top:67px;
  font-weight: 300;
      line-height: 1.3;
}
.box {
  width:80%;
  height:200px;
  background:#FFF;
  margin:40px auto;
}
/*==================================================
 * Effect 1
 * ===============================================*/
.effect1{
  -webkit-box-shadow: 0 10px 6px -6px #777;
     -moz-box-shadow: 0 10px 6px -6px #777;
          box-shadow: 0 10px 6px -6px #777;
}

/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 3
 * ===============================================*/
.effect3
{
  position: relative;
}
.effect3:before
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

/*==================================================
 * Effect 4
 * ===============================================*/
.effect4
{
  position: relative;
}
.effect4:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

/*==================================================
 * Effect 5
 * ===============================================*/
.effect5
{
  position: relative;
}
.effect5:before, .effect5:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.effect5:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 6
 * ===============================================*/
.effect6
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
  content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect6:after
{
  right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 7
 * ===============================================*/
.effect7
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
  content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect7:after
{
  right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 8
 * ===============================================*/
.effect8
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
  content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect8:after
{
  right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

.tytul-wieksze h1{
	font-size: 40px;
}
	
.tekst-maly-wiekszy{
	
		font-size: 18px;
}

.tekst-zolty1{
	
	color: #e9c72c;
}

.displej{
	display: inline-block;
}

.displej img{
	display: inline-block;
}

.lewoo{
	background: linear-gradient(90deg, #6a22bb 4%, white 4%, white 80%);
}

.prawoo{
	
	background: linear-gradient(90deg, white 4%, white 96%, #e9c72c 4%);
}

.effect3{
	box-shadow: 10px 10px 16px -6px #777;
}

.obrazek-top img{
	    margin-top: 5%;
}

.obrazek-top{
	    margin-top: 5%;
		margin-left: 5%;
}

.lewoo-drugie{
	background: linear-gradient(90deg, #05183D 4%, white 4%, white 80%);
}


.linear10{
	  background: linear-gradient(90deg,#743e96 0,#b82cbe);
	  border-radius: 20px;
}

.linear10 a{
	 background: linear-gradient(90deg,#743e96 0,#b82cbe);
}

.cien{
	box-shadow: gray 10px 10px 12px 0px;
}


.box h4{
  text-align:center;
  position:relative;
  font-weight: 300;
}

.box h5{
  text-align:center;
  position:relative;
  font-weight: 300;
}



@media (max-width: 800px) {
	.box{
		width: 100%;
		
	}
	.tekst-maly-wiekszy{
		font-size: 17px;
	}
	.pudelko{
		height: 1420px;
	}
	.pudlo2{
		height: 900px;
	}
	.pudlo3{
		height: 980px;
	}
	
	.float-left{
		    display: block;
    margin-left: auto;
    margin-right: auto;
	}
	.peding{
		padding: 28px; 
	}
	.displej
	{
		    display: block;
    margin-left: auto;
    margin-right: auto;
	}
	.wycentruj{
		text-align: center;
	}
	.rrf{
		margin-top: 10px;
	}
	.wyyy{
	height: 200px;
	
	}
	.pudlo5{
	height: 320px;
	
	}
	.mobile-none{
		display: none;
	}
	.box h3{
		padding: 50px;
    margin-top: -100px;
	}
	

	
	
	.padding6{
		padding-top: 6%;
	}
	
	.float-right{
		    display: block;
    margin-left: auto;
    margin-right: auto;
	}
	
	.tekstowo{
	margin-top: 0px; 
    font-size: 20px;
    color: black;
    text-align: left;
    font-weight: 300;
    margin-left: 0px;
    line-height: 2;
    text-align: center;
		
	}
	.bottom80{
		margin-bottom: 80px;
	}
	.height980{
		min-height: 979px;
	}
	.cien{
		min-height: 320px;
	}
	.linear10{
	  padding: 8px 39px;
}

.linear10 a{
	 padding: 8px 39px;
}

.tekst-maly-wiekszy{
	font-size: 20px;
}

	
}


@media (min-width: 801px) {
	
	.box{
		width: 80%;
	
	}
	
	.tekst-maly-wiekszy{
		font-size: 20px;

	}
	.pudelko{
		height: 480px;
	}
	.float-left{
		float: left;
	}
	.peding{
		padding: 50px; 
	}
	.rrf{
		margin-top: -150px;
	}
	.wyyy{
	height: 250px;
	
	}
	.pc-none{
	display: none;
	}
	.float-right{
		float: right;
	}
	.margin-right5{
		margin-right: 5%;
	}
	
	.tekstowo{
	margin-top: -198px; 
	font-size: 18px; 
	color: #ffffff;
	text-align: left;
	font-weight: 200; 
	margin-left: 5%; 
	line-height: 2;	
		
	}
	
	.cien{
		min-height: 310px;
	}
	.height980{
		min-height: 400px;
	}
	
	.top200{
	margin-top: 200px;
	
	}
	
	.linear10{
	 padding: 12px 58px;
}

.linear10 a{
    padding: 16px 124px;
}

	.box h4{

	
	font-size: 17px; 
	top:52px;
	line-height: 1.3;
	}
	
	.box h5{

	
	font-size: 17px; 
	top:82px;
	line-height: 1.3;
	}

	
	
	
	
}

@media only screen and (max-width: 1400px) and (min-width: 900px){
   .box{
	   height: 255px;
   }
}



.rols50 .image img{
	width: 100%;
}

#_desktop_user_info:hover{
	 filter: grayscale(50%);
}


.margin-prawo{
	margin-right: 3%;
}





@media only screen and (max-width: 1400px) and (min-width: 500px){
	.pudelko{
		
		height: 481px;
	}
}


.linear10:hover{
	 filter: grayscale(50%);
}

@media only screen and (max-width: 6400px) and (min-width: 800px){
	.tekst-lewo{
		
		text-align: left;
	}
	.tekst-prawo{
		
		text-align: right;
	}
}

.pc-z:hover{
	    filter: grayscale(50%);
}

.b24-form-control-container{
	text-align: left;
}

@media only screen and (max-width: 6400px) and (min-width: 800px){
	.pudlo2{
		
		height: 250px;
	}
	.pudlo-new{
		
		height: 250px;
	}
	.pudlo-new2{
		
		height: 250px;
	}
	
	.pudlo3{
		
		height: 250px;
	}
	
	.obrazek-top1{
	    margin-top: 7%;
		margin-left: 5%;
}

.displej {
    font-size: 18px;
}

.pc-bottom{
	margin-bottom: 300px;
}


}


@media (max-width: 1600px) {
	
		.box h4{
			font-size: 16px;
		}
		.box h5{
			font-size: 16px;
		}
		
}

#search-empty a{
	
	    background-color: #6a22bb;
    padding: 15px;
    color: white;
    border-radius: 20px;
  
}
	
	
#search-empty a:hover{
	    filter: grayscale(50%);
}

div#search-empty a{
	 color: white;
}

.linear10:focus{
		filter: hue-rotate(45deg);
}


.pc-z:focus{
	 	filter: hue-rotate(45deg);
}

@media only screen and (max-width: 1024px) and (min-width: 500px){
.pudelko {
	height: 591px;
}
}


@media only screen and (max-width: 1024px) and (min-width: 500px){
.tekstowo {
    margin-top: -166px;
    font-size: 14px;
    color: #fff;
    text-align: left;
    font-weight: 200;
    margin-left: 5%;
    line-height: 2;
}

.pc-z{
	width: 35%;
}
.posz1 {
    text-align: left;
    margin-right: 10px;
    font-size: 13px;
}

.posz2 {
    text-align: left;
    padding-left: 10%;
    font-size: 13px;
}

.box h4 {
    font-size: 14px;
}

.box h5 {
    font-size: 14px;
}

.tekst-maly {
    line-height: 1.5;
    font-size: 13px;
}

.displej{
    font-size: 14px;
}

}


@media (max-width: 600px) {
	
	.margin-prawo {
    margin-right: auto;
}
.pudelko {
    height: 1127px;
    text-align: left;
}

.tytul-wieksze{
	margin-top: 60px;
}

.pudlo2 {
    height: 670px;
}

.box h4 {
    font-size: 16px;
    margin-left: 10%;
    margin-right: 10%;
    line-height: 1.5;
}

.box h5 {
    font-size: 16px;
    margin-left: 10%;
    margin-right: 10%;
    line-height: 1.5;
}


.pudlo3 {
    height: 945px;
}

.pudlo5 {
    height: 371px;
}

.tekst-maly-wiekszy {
    font-size: 15px;
}

.pudelko {
    height: 1090px;
    text-align: left;
}
.pudlo-new {
    height: 450px;
}
.pudlo-new2 {
    height: 630px;
}

}

div#b2b-container img {
    max-width: 100%;
}

h1.tytul {
    margin-top: 30px;
    margin-bottom: 20px;
}

.tekst-maly
{
    color: #969696;
	font-size:16px;returna
}
.tytul
{
   color: #404040;
}
#b2b-container img {
    max-width: 100%;
    max-height: 100%;
    padding-bottom: 22px;
}
#b2b-container
{
    max-width: 1320px;
    margin: 0 auto;
    text-align: left;

}
#headerb2b
{ 
    width: 100%;
}
#kolumny1
{
    text-align: left;
    width:100%;
    padding-bottom: 80px;
    }
#kolumny1 img
{
max-width: 300px;
    }
#tekst1
{
    text-align: left;
    padding-bottom: 50px;
    }
.kolumna1
{ 
    display: inline-block;
    text-align:center;
    max-width: 295px;
    padding: 15px;
   
}
.kolumna2
{ 
    display: inline-block;
    text-align:center;
    max-width: 295px;
    padding: 15px;
}
.kolumna3
{ 
    display: inline-block;
    text-align:center;
    max-width: 295px;
    padding: 15px;
}
.kolumna4
{ 
    display: inline-block;
    text-align:center;
    max-width: 295px;
    padding: 15px;
}
#b2b-apk
{
    text-align: left;
}

#b2b-apk-pro .b2b-apk-p
{ 
    display: inline-block;
    text-align: center;
    padding: 20px;
}
#b2b-apk-pro .b2b-apk-l
{ 
    display: inline-block;
    text-align: center;
    max-width: 49%;
    padding: 20px;
}
#kolumny2
{
    text-align: left;
    width:100%;
    margin-top: 30px;
}
#kolumny2 img
{
max-width: 430px;
    }#b2b-container img {
    max-width: 100%;
    max-height: 100%;
}
#kolumny2 .kolumna1
{ 
    display: inline-block;
    text-align:center;
    max-width: 395px;
    padding: 15px;
}
#kolumny2 .kolumna2
{ 
    display: inline-block;
    text-align:center;
    max-width: 395px;
    padding: 15px;
}
#kolumny2 .kolumna3
{ 
    display: inline-block;
    text-align:center;
    max-width: 395px;
    padding: 15px;
}
#b2b-eko
{
    padding-top: 80px;
}
#b2b-enalpha
{
    padding-top: 80px;
    padding-bottom: 100px;
}
#b2b-container
{
    max-width: 1320px;
    margin: 0 auto;
    text-align: left;

}
#headerb2b
{ 
    width: 100%;
}
#kolumny1
{
    text-align: left;
    width:100%;
    }
#kolumny1 img
{
max-width: 320px;
    }
#tekst1
{
    text-align: left;
    }
.kolumna1
{ 
    display: inline-block;
    text-align:center;
   
}
.kolumna2
{ 
    display: inline-block;
    text-align:center;
}
.kolumna3
{ 
    display: inline-block;
    text-align:center;
}
.kolumna4
{ 
    display: inline-block;
    text-align:center;
}
#b2b-apk
{
    text-align: left;
}
#b2b-smart .graf img
{
    margin-bottom: 90px;
    margin-top: 50px;
}
#b2b-dev .graf img
{
    margin-bottom: 90px;
    margin-top: 50px;
}
#b2b-mkt .graf img
{
    margin-bottom: 90px;
    margin-top: 50px;
}
#b2b-dev .b2bbut
{ text-align: center;
}
@media only screen and (max-width: 800px){
#b2b-dev .b2bbut img
{
   
    text-align: center;
    width: 80%;
	height: auto;
}
}
	
	@media only screen and (min-width: 800px){
	#b2b-dev .b2bbut img
{
    margin-bottom: 90px;
    margin-top: 50px;
    text-align: center;
    max-width: 40%;
    
}
	}
#b2b-apk-pro
{
    width:100%;
    margin-top: 30px;
    background-color: gainsboro;
    border-radius: 20px;
    
}
#b2b-apk-pro .b2b-apk-p
{ 
    display: inline-block;
    text-align: center;
    padding: 20px;
    max-width: 50%;
}
#b2b-apk-pro .b2b-apk-l
{ 
    display: inline-block;
    text-align: center;
    max-width: 50%;
    padding: 20px;
}
#kolumny2
{
    text-align: left;
    width:100%;
}
#kolumny2 img
{
max-width: 430px;
    }
#b2b-container img {
    max-width: 100%;
    max-height: 100%;
}
#b2b-container
{
    max-width: 100%;
    margin: 0 auto;
    text-align: left;

}
#headerb2b
{ 
    width: 100%;
}
#kolumny1
{
    text-align: left;
    width:100%;
    }
#kolumny1 img
{
max-width: 320px;
    }
#tekst1
{
    text-align: left;
    }
.kolumna1
{ 
    display: inline-block;
    text-align:center;
   
}
.kolumna2
{ 
    display: inline-block;
    text-align:center;
}
.kolumna3
{ 
    display: inline-block;
    text-align:center;
}
.kolumna4
{ 
    display: inline-block;
    text-align:center;
}
#b2b-apk
{
    text-align: left;
}

.b2b-apk-p
{ 
    display: inline-block;
    text-align: center;
    max-width: 760px;
    min-width:45%;
    float:right;
}
.b2b-apk-l
{ 
    display: inline-block;
    text-align: center;
    max-width: 760px;
    min-width:45%;
}
#bkolumny2 .kolumna6
{ 
    text-align:center;
    max-width: 500px;
    padding: 15px;
    display: inline-block;
}

#kolumny2
{
    text-align: left;
    width:100%
}
#kolumny2 img
{
max-width: 430px;
    }
    #bkolumny
{
    width:100%;
    margin-bottom:80px;
}
#bkolumny img
{
    max-width:500px;
    padding-left:50px;
    }
}
#bkolumny .kolumna7
{ 
    text-align:center;
    max-width: 500px;
    padding: 15px;
    float: right;
        display: inline-block;
}
#bkolumny .kolumna5
{ 
    text-align:center;
    max-width: 500px;
    padding: 15px;
        display: inline-block;
}
#bkolumny .kolumna6
{ 
    text-align:center;
    max-width: 500px;
    padding: 15px;
    display: inline-block;
}
#bkolumny .kolumna8
{ 
    text-align:center;
    max-width: 500px;
    padding: 15px;
        display: inline-block;

}
#kolumna5 .kolumna3
{ 
    text-align:right;
    max-width: 500px;
    padding: 15px;
    display: inline-block;
}
#wrap-kol
{
    max-width: 1000px;
    margin: 0 auto;
}
#kolumna4
{
    width:100%;
    margin-top: 100px;
}
#kolumna4 img
{
    max-width:300px;
    }
}
#kolumna4 .kolumna1
{ 
    text-align:center;
    max-width: 300px;
    padding: 15px;
    float: right;
        display: inline-block;
}
#kolumna4 .kolumna2
{ 
    text-align:left;
    max-width: 500px;
    padding: 15px;
    float: right;
    display: inline-block;
}
#kolumna10
{
    width:100%;
    margin-top: 100px;
}
#kolumna10 img
{
    max-width:300px;
    }
}
#kolumna10 .kolumna1
{ 
    text-align:center;
    max-width: 300px;
    padding: 15px;
    float: right;
        display: inline-block;
}
#kolumna10 .kolumna2
{ 
    text-align:left;
    max-width: 500px;
    padding: 15px;
    float: right;
    display: inline-block;
}
#kolumna5
{
    width:100%;
    text-align:right;
}
#kolumna5 img
{
    max-width:300px;
    }
}
#kolumna5 .kolumna3
{ 
    text-align:left;
    max-width: 500px;
    min-width:50%;
    padding: 15px;
    display: inline-block;
}
#kolumna5 .kolumna2
{ 
 
    max-width: 300px;
    padding: 15px;
    display: inline-block;
}

#przycisk img
{margin-top: 40px;}
#b2b-dev .b2cbut 
{
    margin-bottom: 1px;
}
#b2b-dev .graf2 img
{
    margin-top: 50px;
}
#b2c-smart img
{
    margin-bottom: 90px;
}

#bialym .bialy-top
{
    width:100%;
    padding-left:50px;
    padding-top:35px
}
#bialym
{ margin-top: 75px;
background-color: #e4e8f4;}

.card{
	border: none;
}
.return
{
    
    margin-top: 30px;
  
    
    
	
}

#oneczka
{ 
    display: inline-block;
    text-align: center;
    padding: 20px;
    
	background-color: gainsboro;
	margin-bottom: 30px;
	border-radius: 20px;
	border-radius: 20px;
}
#oneczka1
{ 
    display: inline-block;
    text-align: center;
    
	margin-bottom: 30px;
    padding: 20px;
	background-color: gainsboro;
	border-radius: 20px;
	border-radius: 20px;
}
.rowa #centerk{ 
	
   
    max-width: 500px;
    padding: 15px;
   mx-auto;
}


@media only screen and (min-width: 1000px){
	.rowl{
	padding-left: 120px;
	padding-right: 120px;
}
}

@media only screen and (min-width: 800px){
	#b2cbut
	{ margin:100px;}

}
@media only screen and (max-width: 800px){
	#b2cbut
	{ margin: 10px;}

}

@media only screen and (max-width: 800px){
	#kup-sys img
{
    width: 100%;
}
}

@media only screen and (max-width: 800px){
	#wrap-kol img
{
    width: 90%;
	text-align: center;
}
}

@media only screen and (max-width: 800px){
	#kolumna5 .tytul{
	
	text-align: center;
}
#kolumna10 .tytul{
	
	text-align: center;
}

#kolumna4 .tytul{
	
	text-align: center;
}


#kolumna5 .kolumna3{
	
	text-align: center;
}
#kolumna4 .kolumna2{
	
	text-align: center;
}

#kolumna10 .kolumna2{
	
	text-align: center;
}

#kolumna5 .kolumna3
{ 
   clear: both;
        
}

#kolumna5 .kolumna2 img
{ 
   clear: both;
        
}
}

#dwojeczka
{ 
    display: inline-block;
    text-align: left;
    padding: 20px;
    color: white;
	background-color: #606060;	
	margin-bottom: 30px;
	border-radius: 20px;
	border-radius: 20px;
	
}
#dwojeczka
{ 
    display: inline-block;
    text-align: left;
    padding: 20px;
    color: white;
	background-color: #606060;	
	margin-bottom: 30px;
	border-radius: 20px;
	border-radius: 20px;
	
}
#dwojeczka1
{ 
    display: inline-block;
    text-align: left;
    color: white;
	margin-bottom: 30px;
    padding: 20px;
	background-color: #606060;	
	border-radius: 20px;
	border-radius: 20px;
	
}

.return
{
    
    margin-top: 30px;
  
    
    
	
}
@media only screen and (min-width: 800px){
	.returna{
	padding-left: 50px;
	padding-right: 50px;
	margin-left: 80px;
}
 #dwojeczka{
	 width: 45%;
	 margin: 5px;
	 font-size: 17px;
	 padding: 50px;
	 text-align: left;
	 height: 750px;
	 
}
#dwojeczka1{
	 width: 45%;
	 margin: 5px;
	 font-size: 17px;
	 padding: 50px;
	 text-align: left;
	 height: 750px;
}
}

#dwojeczka:hover{
	background-color: #6a22bb;
	color: white;
}
#dwojeczka1:hover{
	background-color: #6a22bb;
	color: white;
}


.returna ul {
	list-style-image: url("https://sklep.appartme.pl/themes/appartme/li.png");
	list-style-position: outside;
	margin-top: 20px;
	margin-left: 30px;
	vertical-align: middle;
}

li.opa{
	opacity: 0.3;
	list-style-image: none;
}

#dwojeczka li{
	margin-top: 20px;
   
}

#dwojeczka1 li{
	margin-top: 20px;

}

.spann{
	top:-25px; 
	position:relative;


}


@media only screen and (max-width: 800px){
	.spann1{
	top:-12px; 
	position:relative;


}
}

@media only screen and (min-width: 800px){
	 #dwojeczka{

	 height: 680px;
	 
}
#dwojeczka1{
	
	 height: 680px;
}

.spann{
	top:-15px; 
	position:relative;


}

.spann1{
	top:-5px; 
	position:relative;


}
.spann2{
	top:-5px; 
	position:relative;


}
}

@media only screen and (max-width: 800px){
.full-width {
 
    width: 100%;
}}

@media (max-width: 768px) {
  .re-order .row {
    display: flex;
    display: -ms-flex;
    flex-direction: column;
  }
  .re-order .row .first {
    order: 1;
  }
  .re-order .row .second {
    order: 2;
  }
  
  .rols{
	  margin-top: 60px;
}

footer.bg-light.py-5 {

    padding-top: 50px !important;

}


}


@media only screen and (min-width: 800px){
.rols{
	padding: 40px; 
	width:1200px;
}
.div11{
	text-align: left; 
	margin-top: 50px;
	
}
.div12{
	text-align: right; 
	margin-top: 50px;
}
}

.rols .image img{
	width: 60%;
}

.menu_img {
    height: 30px !important;
}

#_desktop_cart, #_desktop_search, #_desktop_user_info{
	
	padding: 0px !important;
}

.pe--button--wrapper{
	
	background: #6a22bb;
    color: white;
    border-radius: 50px 50px 50px 50px;
    padding: 10px 20px 10px 20px;
    font-size: 15px;
	
}


.menu_and_icons{
	
	justify-content: space-between !important;
}
.icons-wrapper{
	display: flex !important;

}

#top-menu>li>a {
    font-size: 16px !important;
	
}

h2.h2-new {
    font-size: 37px;
    line-height: 36px;
    font-weight: 600;
    font-style: normal;
    color: #6A22BB;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 20px;
}

h3.h3-new {
    /* font-size: 37px; */
    line-height: 36px;
    /* font-weight: 600; */
    font-style: normal;
    color: #6A22BB;
    text-align: center;
    /* margin-top: 0px; */
    margin-bottom: 50px;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}

div.icon-home{
background: #F6F6F6;
    padding: 30px;
    border-radius: 30px;
}

.home-whyappartme .bordered {
    padding-top: 45px !important;
    text-align: center !important;
    height: 300px !important;
    border-top: none !important;
    border-left: none !important;
    border-bottom: none !important;
    border: none !important;
}

.home-whyappartme .bordered p {
    font-size: 17px !important;
    line-height: 1.1rem !important;
    text-align: left !important;
    line-height: 1.6 !IMPORTANT;
    margin-top: 40px !important;
    text-align: center !important;
}

#products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container{
	background: #F6F6F6 !important;
	
    border-radius: 40px !important;
}
.thumbnail-container {
    background: #F6F6F6 !important;
    border-radius: 40px !important;
}

.container.polecane-main {
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    background: #F6F6F6;
    padding: 120px 100px;
	margin-bottom: 50px;
}

h2.polecane {
    font-size: 34px;
    line-height: 36px;
    font-weight: 600;
    font-style: normal;
    color: #6A22BB;
}

p.polecane {
	    color: black;
font-size: 17px;
margin-bottom: 50px;
max-width: 500px;
line-height: 1.4;
}

.carousel .carousel-item img {
    border-radius: 40px;
	
}

.carousel .carousel-control .icon-next {
    right: 30px;
}

.carousel .carousel-control .icon-next i, .carousel .carousel-control .icon-prev i {
    font-size: 30px;
    color: #6a22bb;
    width: 40px;
    /* height: 40px; */
    position: absolute;
    display: block;
    z-index: 1000;
    background: #FFFFFF;
    border-radius: 10px;
}
.carousel .carousel-control .icon-prev {
    left: 40px;
}

.carousel .carousel-control .icon-next i, .carousel .carousel-control .icon-prev i {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
    color: #6a22bb;
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 1000;
    background: #FFFFFF;
    border-radius: 10px;
    display: flex
;
    align-items: center;
    justify-content: center;
}


h2.display-1.text-uppercase {
    color: #50EAC4;
    font-size: 52px;
    text-transform: revert;
}

.carousel .carousel-item .caption .caption-description p {
    font-size: 40px;
	
}

footer.bg-light.py-5 {
    color: white !important;
    background: #6a22bb;
    padding-top: 100px;
    padding-bottom: 30px;
}


.pe--button--wrapper-greem{
	
	    background: #50EAC4;
    color: #6a22bb;
    border-radius: 50px 50px 50px 50px;
    padding: 10px 20px 10px 20px;
    font-size: 16px;
    font-weight: 600;
	
}

h1.h1-new {
    font-size: 37px !important;
    line-height: 36px !important;
    font-weight: 600 !important;
    font-style: normal !important;
    color: #6A22BB !important;
    text-align: center !important;
   
}

.cart-item {
	margin-bottom: 20px;
    padding: 1rem 0;
    background: #F6F6F6;
    border-radius: 20px 20px 20px 20px;
    padding: 40px;
}
.cart-overview .product-line-grid-left img {
    border: none !important;
}

.cart-grid-right.col-xs-12.col-lg-4 {
    background: #6a22bb;
    color: white;
    border-radius: 30px;
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.product-cover img {
    background: none !important;
}

.product-cover {
    text-align: center;
    background: none !important;
}

body#product #wrapper,
body#product main,
body#product #main,
body#product .product-container,
body.page-product #wrapper,
body.page-product main,
body.page-product #main,
body.page-product .product-container {
    background: #fff !important;
}

#main .images-container {
    background: #F6F6F6;
    border-radius: 50px;
    position: relative;
    z-index: 1;
}

.images-container .product-images>li.thumb-container>.thumb {
       border-style: solid;
    border-color: #CACACA;
    border-width: thin;
    width: 80px;
    /* border: 1px solid gray; */
    margin-right: 0;
    border-radius: 20px;
    margin-left: 10px;
}

.product-quantity .qty {
    padding: 5px;
    margin-right: 0.9rem;
    margin: 0;
    margin-left: 20px;
}

.product-actions .add-to-cart {
    color: white;
    font-size: 18px;
    background: none !important;
    font-weight: 500;
    height: auto;
    border: 0;
    box-shadow: none;
    white-space: nowrap;
}

h1.h1-sklep {
    color: #50EAC4 !important;
    font-size: 26px !important;
    font-weight: 500;
}

h2.h2-sklep{
	
	color: white;
    font-size: 65px;
    text-align: center;
    font-weight: 500;
}
.page-name.sklep {
    background-image: linear-gradient(270deg, #6A22BB 0%, #3E087C 100%) !important;
	    padding-top: 70px;
    padding-bottom: 90px;
}

.scroll-nav__inner {
    margin-top: 20px;
    font-size: 18px;
}

a.scroll-nav__item {
    margin-right: 20px;
    font-size: 18px;
    color: black;
}

.scroll-nav__item.active {
  border-bottom: 2px solid black;
}
a.scroll-nav__item:hover {
    border-bottom: 2px solid black;
}


@media only screen and (min-width: 800px){
.right-product{
	margin-top: 3%;
    padding-left: 2%;
	
}
}

.add {
    height: 100%;
}
.dodaj {

    background: #6a22bb;
    border-radius: 15px;
}



.product-quantity #quantity_wanted {
    background: #181818;
    color: white !important;
}

.product-quantity .input-group.bootstrap-touchspin .input-group-btn .btn-touchspin {
    background: #F8F7FE;
    color: #6a22bb !important
}


.input-group.bootstrap-touchspin .input-group-btn {
   
    width: 40px;
	height: 100% !important;
}
.product-quantity #quantity_wanted {
    
    background: #F8F7FE;
    color: #6a22bb !important;
    margin: 0;
    padding-bottom: 1px;
    font-size: 15px;
	
}

.input-group.bootstrap-touchspin {
    height: 80%; 
    border: none;
	background-color: #F8F7FE;
}
.dodaj {
  position: relative;
  overflow: hidden;
  background: #6a22bb;
  color: #fff;
}

.dodaj::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #50EAC4;  
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
  z-index: 0;
}

.dodaj:hover::before {
  transform: scaleX(1);
    background: #50EAC4; /* kolor docelowy */

}

.dodaj {
  z-index: 1;
}

.dodaj > * {
  position: relative;
  z-index: 1;
}

button.btn.btn-primary.add-to-cart:hover {
    color: #6a22bb;
}

.product-quantity .input-group.bootstrap-touchspin .input-group-btn .btn-touchspin {
    padding: 5px 5px !Important;
}

.product-quantity .qty {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.scroll-box-arrows .right {
    z-index: 1;
  right: 35px;
  top: 40%;
  background: #fff;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  transition: all 0.4s ease;
}

/* Efekt tylko po najechaniu */
.scroll-box-arrows .right:hover {
  background: #50EAC4;
  color: #fff;
  animation: none;
  transform: scale(1.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}


/* Animacja pulse – działa tylko po hoverze */



li.product-flag.discount{
    background: #C90086 !important;
    position: absolute;
    right: 10px;
    top: 10px;
    color: #EDEFFF;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2em;
    font-weight: 600;
    white-space: nowrap;
    line-height: 1;
}

.images-container .product-images .thumb-container .thumb.selected,
.images-container .product-images .thumb-container .thumb.js-thumb-selected {
    border-color: #CACACA !important;
    outline: none;
}


.scroll-box-arrows .left {
    z-index: 1;
  left: 35px;
  top: 40%;
  background: #fff;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  transition: all 0.4s ease;
}

/* Efekt tylko po najechaniu */
.scroll-box-arrows .left:hover {
  background: #50EAC4;
  color: #fff;
  animation: none;
  transform: scale(1.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.small-products{
	background: #F6F6F6;
    padding: 20px;
    border-radius: 20px;
}

#_desktop_cart .body.cart-hover-content {
background: white;
border-radius: 20px;
}

.cart-products {
        background: white;
        padding: 20px;
        border-radius: 20px;

}

.cart-subtotals {
    font-weight: 700;
}

#_desktop_cart .body.cart-hover-content {
background: white;
border-radius: 20px;
}

.cart-products {
        background: white;
        padding: 20px;
        border-radius: 20px;

}


.cart-summary .cart-detailed-actions a.btn {
    background: white;
    color: #6a22bb;
}

.cart-detailed-totals h4 {
    color: white;

}

.cart-summary-line .label {
    color: white;
}

.cart-summary-line .value {
    color: white;

}

.cart-summary .cart-summary-line .summary-quantity {
    color: white;
}

.card-block.cart-summary-totals .cart-summary-line.cart-total .label {
    color: white;
}

.cart-summary-line.cart-total > span {
    color: white;
}


#summary-options {
 
    color: white;
}

#summary-options b {

    color: white;

}

#summary-options li {
    color: white;
}
.cart-grid-right.col-xs-12.col-lg-4 {
    padding-left: 30px;
    padding-right: 30px;
}

.cart-detailed-totals {
    background: #6a22bb;
}
.cart-summary .cart-detailed-actions a.btn {
    font-size: 20px;
}

input.form-control {
    background: transparent;
    color: #000;
    border: 2px solid #e5e5e5;
    padding: 13px 75px 13px 17px;
    font-size: 14px;
    border-radius: 8px;
    outline: none;
    height: auto;
    line-height: 1.2;
}
button.btn.btn-primary.form-control-submit {
    font-size: 20px !important;
}

#checkout-personal-information-step #checkout-login-form h1, #checkout-personal-information-step #checkout-guest-form h1, #checkout-personal-information-step #checkout-register-form h1{
	color: #6a22bb;
}

body#checkout .js-address-form input[type=text], body#checkout .js-address-form select, body#checkout .js-address-form input[type=tel] {
    background: #fff;
    border: 1px solid #808080;
    border-radius: 5px;
    background: white;
    color: #000;
    border: 2px solid #e5e5e5;
    padding: 13px 75px 13px 17px;
    font-size: 14px;
    border-radius: 8px;
    outline: none;
    height: auto;
    line-height: 1.2;
}

body#checkout h4.finale-step {
    color: #6a22bb;
}
body#checkout #js-checkout-summary {
    box-shadow: none;
    background: #6a22bb;
	
}

body#checkout #cart-summary-product-list .product-name {
    color: white;
}
body#checkout #cart-summary-product-list .product-price {
    color: white;
}

body#checkout .cart-summary-line .value {
    font-weight: 300;
    color: white;
}

body#checkout .card-block.cart-summary-totals .cart-summary-line.cart-total .value {
    font-size: 1.82rem;
    font-weight: 600;
    color: white;
}
body#checkout #cart-summary-product-list .product_and_reference .product-reference {
    color: white;
}
#checkout #checkout-step {
    background-image: linear-gradient(270deg, #6A22BB 0%, #3E087C 100%) !important;
}
#checkout #checkout-step span {
    color: white;
}

.carousel .carousel-item .caption {
    top: 25%;
    left: 100px;
    /* right: 50px; */
    max-width: 60%;
}

h2.display-1.text-uppercase {
    color: #50EAC4;
    font-size: 42px;
    text-transform: revert !important;
    margin-bottom: 40px;
}

.carousel .carousel-item .caption .caption-description p {
    font-size: 60px;
    line-height: 1.2;
    font-weight: 600;
    max-width: 800px;
}
.carousel .carousel-item .caption .caption-description p {
    font-size: 60px;
    line-height: 1.2;
    font-weight: 600;
    max-width: 800px;
}

.icon_menu {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    float: right;
    margin-left: 10px;
	
}




div#top_sub_menu_ {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-10%);
	border-radius: 30px;
    background: #fff;
    z-index: 9999;
    padding: 40px 30px 0px 30px;
    width: 1100px;
    max-width: 1100px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    display: none;
}
li.has-child {
  position: relative;
}

li.has-child:hover .submenu-fullwidth,
li.has-child .submenu-fullwidth:hover {
  display: block;
}

@media only screen and (min-width: 1300px) and (max-width: 1599px) {
  /* Twoje reguły CSS tutaj */
  .carousel .carousel-item .caption .caption-description p {
    font-size: 42px;
  }
  
  

h2.display-1.text-uppercase{
	color: #50EAC4;
    font-size: 32px;
}

#top-menu>li>a {
    font-size: 14px !important;
}
#top-menu>li {
    width: auto;
    padding: 0 10px;
}
span.pb__main {
    font-size: 14px;
}
.home-whyappartme .bordered p {
    font-size: 16px !important;
    line-height: 1.4 !IMPORTANT;
}


}


.thumbnail-container a:hover {
    color: #6a22bb !important;
    text-decoration: none;
}
span.price:hover {
    color: #c90086 !important;
}
#products .product-title a, .featured-products .product-title a, .product-accessories .product-title a, .product-miniature .product-title a {
    color: #6a22bb !important;
}
.product-price-and-shipping .price {
    color: #c90086 !important;
}
.product-miniature .product-category {
    color: #6a22bb !important;
 
}

.container.polecane-main.kamera{
	padding: 0px 100px;
}

.kamera > .row.min-vh-100.align-items-center > .col-12.col-md-6.d-flex.flex-column.justify-content-center.text-start {
    padding-top: 120px;
    padding-bottom: 120px;
}
img.img-fluid.kamera {
    text-align: center;
    max-height: 460px;
    padding: 50px;
}
div.icon-home:hover {
    background: #6a22bb;
	
}
.icon-home:hover p {
    color: white;
}


h2.h2-menu {
    font-size: 37px;
    line-height: 36px;
    font-weight: 600;
    font-style: normal;
    color: #6A22BB;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
}

.col-md-5ths {
  width: 20%;
}

@media only screen and (max-width: 1450px){
footer a {
    font-size: 15px;
    color: white;
}
}

span#product-availability.unavailable {
    color: #808080;
    background: none;
    width: 100%;
    padding-top: 10px;
    padding-left: 0;
    font-weight: 400;
    font-size: 16px !important;
}

.js-mailalert {
    background: white;
    padding: 20px 0px 0px 0px;
}

.js-mailalert button.btn.btn-primary {
	max-width: 100%;
    background: #6a22bb;
    border: #6a22bb;
    box-shadow: none;
    text-transform: none;
    font-size: 20px;
    border-radius: 5px;
    padding: 10px 30px 10px 20px;
    /* position: relative; */
    width: 400px;
    font-size: 18px !important;
    border-radius: 15px;
    /* margin-left: 0px; */
	position: unset;
    color: white;
}




.cart-item .input-group.bootstrap-touchspin {
    /* height: 80%; */
    border: none;
}

.input-group.bootstrap-touchspin.input.js-cart-line-product-quantity.form-control {
    background: none;
color:  #6a22bb;
}

.cart-item .input-group.bootstrap-touchspin .input-group-btn .btn-touchspin {
    border-radius: 5px;
    width: 3em;
    height: 3em;
    border: 1px solid #d1d1d1;
    background: #F8F7FE !important;
    color: #000;
    /* width: 100%; */
    padding: 0 5px;
    text-align: center;
}
.block-categories.hidden-sm-down p {
    font-size: 20px;
	margin-bottom: 20px !important;
}

.block-categories .category-sub-menu li[data-depth="0"] > a {
    font-size: 16px;
    margin-bottom: 10px;
}

input.js-cart-line-product-quantity.form-control {
    background: none;
	    font-size: 14px;
		color:  #6a22bb;
}

h1.h2-sklep{
	
	color: white;
    font-size: 45px !Important;
    text-align: center;
}

.small-contact1{
	
        text-align: left;
    background: #3E087C;
    padding: 40px;
    border-radius: 30px;
	    justify-content: center;

}
.small-contact2{
	

    text-align: left;
    background: #510BA1;
    padding: 40px;
    border-radius: 30px;

    justify-content: center;
}

img.eu-logo{
	width: 150px !important;
    margin-top: -150px;
    position: absolute;
}

a:hover {
    color: #50EAC4;
    text-decoration: none;
}
a:focus, a:hover {
    color: #50EAC4;
    text-decoration: none;
}

p.mb-4.polecane.produkty{
	
	max-width: 700px;
}

.col-12.col-md-6.d-flex.justify-content-center.align-items-center.obraz-produkty{
	text-align: center;
}
.container.polecane-main.sklep {
    padding: 80px 100px;
}
#checkout #checkout-step .active.completed span {
    font-size: 0.97rem;
    color: white;
}

#checkout #checkout-step .active span {
    color: #50EAC4;
}

#content .links a {
    width: 100%;
}
select.form-control.form-control-select {
    font-family: 'Poppins'
}
.page-footer .account-link {
    color: #6a22bb;
   
}
a.white {
    color: white !important;

}


@media only screen and (min-width: 1000px) and (max-width: 1299px) {
  /* Twoje reguły CSS tutaj */
  .carousel .carousel-item .caption .caption-description p {
    font-size: 42px;
  }
  
  

h2.display-1.text-uppercase{
	color: #50EAC4;
    font-size: 32px;
}

#top-menu>li>a {
    font-size: 0.85rem !important;
}
#top-menu>li {
	        font-size: 0.85rem !important;
    width: auto;
    padding: 0 10px;
}
span.pb__main {
    font-size: 0.85rem
}
.home-whyappartme .bordered p {
    font-size: 16px !important;
    line-height: 1.4 !IMPORTANT;
}


}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {
    .carousel .carousel-item .caption .caption-description p {
        font-size: 52px;
    }
}


@media only screen and (min-width: 1000px) and (max-width: 1200px) {
    .carousel .carousel-item .caption .caption-description p {
        font-size: 34px;
    }
}

@media only screen and (min-width: 1000px) {
#_desktop_cart .body.cart-hover-content{
	    right: -30px;
}




}

@media only screen and (max-width: 1024px) {
    a.pe--button--wrapper.header {
        display: none !important;
    }
}

@media only screen and (max-width: 768px) {
	
	a.scroll-nav__item {
    margin-right: 10px;
          font-size: 15px;
        line-height: 2;
    color: black;
}
h2.h2-sklep {
    
    font-size: 25px;
}
	
	.menu_and_icons {
    justify-content: flex-end !important;
}

.menu_and_icons {
    justify-content: flex-end;
}

h2.display-1.text-uppercase {
    color: #50EAC4;
    font-size: 17px !important;
    text-transform: revert !important;
    margin-bottom: 10px;
    margin-top: 50px;
    text-align: center;
}
.carousel .carousel-item .caption {
    top: 0;
    left: 20px;
    right: 20px;
    max-width: 100%;
}
.carousel .carousel-item .caption .caption-description p {
    font-size: 22px;
    line-height: 1.2;
    font-weight: 600;
    max-width: 800px;
    text-align: center;
}
.carousel .carousel-item .caption-description {
    text-align: center;
}

h2.h2-new {
    font-size: 32px;
	
 }
 
h3.h3-new {
    font-size: 17px !important;
    line-height: 1.5;
	
}

.container.polecane-main {
  
    padding: 50px 30px !important;
	
}

h2.polecane {
    font-size: 30px;
    line-height: 36px;
    font-weight: 600;
    font-style: normal;
    color: #6A22BB;
    margin-bottom: 10px !important;
    text-align: center;
}
p.polecane {
    text-align: center;
    color: black;
    font-size: 16px;
}

.ProductBoxStyle_1 .featured-products .thumbnail-container, .ProductBoxStyle_1 .products .product-accessories .thumbnail-container, .ProductBoxStyle_1 .products .product-miniature .thumbnail-container {
    height: 275px;
    border-radius: 20px !important;
}
#products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description{
    height: 97px;
    width: auto;
}
div.icon-home {
    margin-bottom: 20px;
}
.home-whyappartme .icons-block img {
        max-width: 59px;
        max-height: 50px !important;
    }
	
	.home-whyappartme .bordered p {
    font-size: 14px !important;
    line-height: 1.1rem !important;
    text-align: left !important;
    line-height: 1.4 !IMPORTANT;
    margin-top: 20px !important;
    text-align: center !important;
}

.home-whyappartme .bordered {
   
    height: 200px !important;
}
div#menu-icon {
    padding-left: 20px;
}
.top-bar-head #_desktop_logo img {
        width: 145px;
        top: 0;
    }
	    body.shop .top-bar-head #_desktop_logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: flex-start;
    }
	

	
	
	
	
	.container {
    padding-left: 10px;
    padding-right: 10px;

}


.carousel .carousel-item img {
    border-radius: 20px;
}

.menu_and_icons {
	min-height: 60px !important;
}
.top-bar-head #_desktop_logo {
 
    min-height: 60px !important;


}

li#lnk-kategorie- {
    display: none;
}
.kamera > .row.min-vh-100.align-items-center > .col-12.col-md-6.d-flex.flex-column.justify-content-center.text-start {
    padding-top: 20px;
    padding-bottom: 20px;
}
img.img-fluid.kamera {
    text-align: center;
    max-height: 260px;
    padding: 0px;
}




  .footer-links {
    display: none;
    margin-top: 10px;
  }

  .footer-toggle {
    cursor: pointer;
    position: relative;
    padding-right: 20px;
  }

  .footer-toggle::after {
    content: "▼";
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    transition: transform 0.3s ease;
  }

  .footer-toggle.active::after {
    transform: rotate(180deg);
  }

  .footer-links.open {
    display: block;
  }
  
   .col-md-5ths {
    width: 100% !Important;
    padding-left: 15px !Important;
    padding-right: 15px !Important;
    box-sizing: border-box !Important;
	text-align: center;
  }
  footer p {
    color: white;
    font-size: 16px;
    line-height: 1.6;
}
.mt-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}
footer.bg-light.py-5 {
    text-align: center;
}
.mb-1 {
    margin-bottom: 1rem !important;
    margin-top: 50px;
}
.col-md-4.text-md-end {
    margin-bottom: 30px;
    margin-top: 30px;
}

#product #main {
    margin-top: 40px;
}
#main .images-container {
    background: #F6F6F6;
    border-radius: 20px;
    position: relative;
}
.container.hidden-xs {
    display: none;
}
.product-actions .add-to-cart {
    color: white;
    font-size: 16px;
}
.dodaj {

    width: 100%;
}
.product-information p {
    font-size: 15px !important;

}
.tab-label {
    width: 100%;
    text-align: center;
    font-size: 15px !important;
}
.product-quantity .add, .product-quantity .qty{
	margin-bottom: 0px;
}

.product-actions .add-to-cart {
 
padding: 15px 40px 15px 20px;
}

.dodaj {
        display: flex;
        align-items: center;
 
        width: 100%;
    }
	    .product-quantity {
        flex-direction: row  !important;
    }
	.product-quantity #quantity_wanted {

    font-size: 15px;
	}


div#js-product-list-top {
    display: none;
}

.cart-grid-right.col-xs-12.col-lg-4 {
    width: 92%;
    margin-left: 4%;
    margin-right: 4%;
}
    .menu_and_icons {
        justify-content: flex-end;
    }
	    .cart-items .product-line-grid-body, .cart-items .product-line-grid-right {
        width: 50% !important;
    }
	    .product-line-grid-body > .qty {
        width: 100% !important;

    }
	.cart-item {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
	padding-right: 0px !important;
        padding-left: 0px !important;
	}
	.product-line-grid-right.product-line-actions.col-md-4.col-xs-12 {
    width: 100% !important;
}
	
}

#main .images-container .js-qv-mask.scroll {
    width: 91%;
}

#menu-icon1{
	    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

h2.display-1.text-uppercase{
	font-weight: 500;
}

a.pe--button--wrapper-greem:hover {
    color: #6a22bb;
    filter: brightness(0.8);
}

.card-block.cart-summary-totals {
    padding-left: 0px;
}
div#summary-options {
    padding-left: 5px;
    padding-right: 5px;
}

a.scroll-nav__item:hover {
    color: black;
}

button.btn.btn-primary.add-to-cart:hover {
    color: white;
}

.product-add-to-cart .btn.add-to-cart:hover {

  color: #6a22bb !important;
}


/* Flaga w głównym menu - WIDOCZNA tylko na desktopie, UKRYTA na mobile */
#menu-icon1 {
  display: flex !important;
}
@media (max-width: 1000px) {
  #menu-icon1 {
    display: none !important;
  }
}

/* Flaga w hamburger menu - WIDOCZNA tylko na mobile */
#menu-icon1-mobile {
  display: none;
}
@media (max-width: 1000px) {
  #menu-icon1-mobile {
    display: block !important;
  }
}

.close-lang-list-mobile {
  display: none;
}
@media (max-width: 1000px) {
  .close-lang-list-mobile {
    display: block;
  }
  h2.h2-new {
  
    margin-top: 40px;
}
}
@media (min-width: 768px) {
	#top-menu>li#category-10 {
    display: none;
	}
	li#lnk-sklep {
    display: none;
}
#top-menu>li#category-10 {
        display: none  !important;
    }
	
}
#top-menu>li#category-10 {
        padding-bottom: 0px !important;
    }
	
	html, body {
  width: 100% !important;
  overflow-x: hidden !important;
}

@media (min-width: 1000px) {
	
	#top-menu>li#category-10>a{
		display: none  !important;
	}
	
	
	
	#top-menu>li#lnk-sklep>a{
		display: none  !important;
	}
	
	
	
	

.small-contact1{
width: calc(50% - 10px); 
}

.small-contact2{
width: calc(50% - 10px);
margin-left: 20px;
}

}
@media (max-width: 1000px) {
.small-contact1 {
    margin-bottom: 20px;
}

p.polecane {
    
    margin-bottom: 30px;
}
.col-12.col-md-6.d-flex.justify-content-center.align-items-center {
    margin-top: 40px;
}

	}
	
	
#login-form .input-group .input-group-btn>.btn[data-action=show-password] {
   
    border: 2px solid #e5e5e5;
    height: 51px;
	}
	
	
	#main .images-container .js-qv-mask.scroll {
    margin-left: 20px !important;
	}
	
	
	
	
	
	.cart-grid {
    margin-bottom: 50px;
}

#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"] {
    margin: 0;
    background: #6a22bb;
    color: white !important;
}
a.dropdown-item.dropdown-submenu {
    color: white !important;
}
a.dropdown-item.dropdown-submenu {
    color: white !important;
    font-weight: 500 !important;
    font-size: 15px;
}
a.back-button-link.product {
    display: flex !important;
}

/* Package comparison table styles */


.package-table {
    display: flex;
    gap: 20px;
    margin-top: 30px;
}

.package-table.column-number-3 .col-first,
.package-table.column-number-3 .col-marked {
    flex: 1;
}

.col-first {
    display: flex;
    flex-direction: column;
}

.col-first .empty-cell {
    background: transparent;
}

.col-first .empty-cell-bottom {
    flex: 1;
}

.col-marked {
    background: #F6F6F6;
    border-radius: 30px;
    padding: 30px 25px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.col-marked.z_grafika {
    background: linear-gradient(135deg, #f8f8f8 0%, #e8e8e8 100%);
}

.package-name {
    font-size: 28px;
    font-weight: 700;
    color: #6a22bb;
    text-align: center;
    margin-bottom: 15px;
    display: block;
}

.package-description {
    font-size: 15px;
    line-height: 1.5;
    color: #666;
    text-align: center;
    margin-bottom: 20px;
    min-height: 60px;
}

.feats-toggle {
    background: #6a22bb;
    color: white;
    border: none;
    border-radius: 10px;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0 auto 20px;
    transition: all 0.3s ease;
    width: 100%;
    max-width: 250px;
}

.feats-toggle:hover {
    background: #50EAC4;
    color: #6a22bb;
}

.feats-toggle__icon {
    width: 20px;
    height: 20px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.feats-toggle[aria-expanded="true"] .feats-toggle__icon {
    transform: rotate(180deg);
}

.pkg-feats {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    flex-direction: column;
    gap: 15px;
}

.feats-toggle[aria-expanded="true"] + .pkg-feats {
    display: flex;
}

.pkg-feat {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
}

.feat-mark {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feat-mark.feat-ok svg {
    width: 20px;
    height: 20px;
}

.pkg-feat span:last-child {
    flex: 1;
}

/* Responsive styles for package comparison */
@media (max-width: 991px) {
    .package-table {
        flex-direction: column;
    }
    
    .col-first {
        display: none;
    }
    
    .col-marked {
        width: 100%;
    }
    
    .package-name {
        font-size: 24px;
    }
    
    .package-description {
        min-height: auto;
        font-size: 14px;
    }
}

@media (max-width: 576px) {

    
    .package-comparison-wrapper {
        margin-top: 30px;
    }
    
    .package-comparison-wrapper h2 {
        font-size: 28px !important;
        margin-bottom: 20px !important;
    }
    
    .col-marked {
        padding: 20px 15px;
    }
    
    .package-name {
        font-size: 22px;
    }
    
    .pkg-feat {
        font-size: 13px;
    }
}



@media (min-width: 769px) {
    .package-table.column-number-4 .feats-toggle {
        display: none !important;
    }
}

span.package-name {
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #510ba1 !important;
    margin-bottom: 20px !important;
    display: block !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    border: none !important;
    background: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin-top: 0 !important;
    font-family: 'Poppins', sans-serif !important;
    letter-spacing: normal !important;
    text-decoration: none !important;
    width: auto !important;
    height: auto !important;
}
.product-information .product-description p {
    color: black;
    font-size: 15px;
    line-height: 1.5;
}
.product-description p {
    color: black;
    font-size: 17px;
    line-height: 1.5;
}