.single-product{
 	margin-top: 12%;
  margin-bottom: 4%;
}

/* .sample-btn {
  background-color: unset;
  color: var(--color-primary)!important;
  font-size: 16px;
  padding: unset;
  width: 100%;
  text-align: left;
  border: unset;
} */

.sample-btn:hover {
  cursor: pointer;
}

.product__main{
 	align-items: start; 
  margin-top: 40px;
}

.img-thumbs > img{
  margin-right: 5px;
}

.image-thumbs{
 	display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.product-details{
 	padding-left: 50px;  
}

.sale-flag{
  position: absolute;
  left: -10px;
  top: 15px;
  background-color: #FFE5E5;
  color: #DC4D5E;
  padding: 10px;
  border-radius: 8px;
  font-weight: 900;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.product-details > * {
 	margin-bottom: 25px; 
}

.product-details h1{
 	font-size: 26px; 
  font-weight: bold;
}

.product-details .product-price-block{
	width: 100%;
}

.product-details .price{
 	font-size: 30px;
  font-weight: bold;
}

.product-details .price-old{
 	font-weight: regular;
  font-size: 30px;
}

.product-configure-custom{
 	margin-bottom: 15px; 
}

.product-configure-variants, .product-configure-custom-option{
 	display: flex;
  flex-direction: column;
}

.product-details select{
  border: solid 1px #8AA8C5;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 15px;
  margin-top: 5px;
}

.product-details input[type="number"]{
  margin-right: 15px;
  font-size: 16px;
  border: solid 1px #8AA8C5;
  border-radius: 5px;
  text-align: center;
}

.cta-btn{
  padding: 15px;
  font-size: 20px;
  font-weight: bold;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.17);
  transition: all .2s ease-in-out;
}

.sample-column p {
  font-size:14px;
}
.sample-column .btn.cta-btn {
  padding:12px;
  font-size:16px;
  font-weight:unset;
  background-color:#F89F4D!important;
/*   width:100%;  */
}

.product-details .discount{
 	background-color: #F2F7FF;
  padding: 20px 25px;
  border-radius: 10px;
  width: auto;
  font-weight: bold;
  font-size: 16px;
}

.bundle-tip{
  background-color: #F2F7FF;
  padding: 0px 25px;
  border-radius: 5px;
  margin-bottom: 50px;
  margin-top: 25px;
  position: relative;
}

.bundle-tip-img{
 	position: relative;
  margin-right: 20px;
}

.bundle-cards{
 	width: 55%;
}

.bundle-form{
 	width: 45%; 
}

.card-product-bundle{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
 	padding: 14px; 
  box-shadow: 0 3px 10px 0px rgba(0,0,0,.08);
  border-radius: 5px;
  transition: all .25s ease-in-out;
  max-width: 40%;
}

.card-product-bundle > *{
  margin: 10px;
}

.card-product img{
	height: 75%;
}
.card-product h5{
	font-weight: 400;
}

.bundle-action{
 	padding-left: 70px; 
}

.bundle-action a{
 text-align: center 
}

.bundle-form ul li{
 	 margin: 15px 0;
}

.bundle-form ul li i{
 margin-right: 5px; 
}

.bundle-price .prices{
 	font-size: 24px;
  font-weight: bold;
}

.bundle-percentage{
 	padding: 25px; 
  padding-right: 0px;
}

.related-headline{
 	margin-top: 50px;
  margin-bottom: 30px;
  font-size: 20px;
}

.related-products{
  display: grid;
	column-gap: 15px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 100px;
}

.related-products .card-product a:first-child{
  height: 150px;
}

.related-products .card-product a img{
  height: 100%!important;
}

.tip-img-container{
/*   padding-left: 150px; */
  display: flex;
  align-items: center;
}

.tip-man{
 	width: 125px;
  bottom: 0;
  top: unset;
  left: 25px;
  margin-top: -40px;
}

.product-info h2{
  margin-bottom: 25px;
  font-weight: bold;
}

.product-info .footersub h2{
 	margin: 0; 
}

.product-info .specs{
 	margin-top: 50px; 
}

.product-info p{
 	font-size: 16px; 
  line-height: 150%;
}

.product-info table{
 	width: 100%; 
}

.product-info tr td{
 	padding: 15px; 
}

.product-info tr:nth-child(odd){
 	 background-color: #F2F7FF;
}

.product-info-image{
 	width: 45%;
  margin-left: auto;
  border-radius: 10px;
  overflow: hidden;
}

.product-info-image img{
 	width: 100%;
  height: 100%;
  object-fit: cover;
}

.thumb-img{
 	cursor: pointer; 
  height: 125px;
}

.activeThumb{
	border: solid 2px #35383a;
}

.generic-usp .py-10{
 	display: flex;
  flex-direction: row;
  align-items: center;
}

.generic-usp i{
 	font-size: 22px; 
}

.usp i{
 	display: none; 
}

.product-details h1{
 	line-height: 150%; 
}

#mainImage{
/*  transition: .2s ease-in; */
}

#mainImage:hover{
	background-size: 150%!important; 
  cursor: -webkit-zoom-in;
   cursor: zoom-in;
}

.product-usps ul li:before{
 	content: '\f00c';
  font-family: "Font Awesome 5 Free";
  color: var(--color-cta);
  margin-left: -20px; 
  margin-right: 10px;  
}

#img-modal{
 	width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: #fff;
  display: none;
  justify-content: center;
  align-items: center;
}

#modal-img{
	height: 66%;
  cursor: zoom-out;
}

/* .product-details .product-configure label{
 	position: relative; 
}

.product-details .product-configure label::after{
  content: '\f0d7';
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  position: absolute;
  right: 15px;
  bottom: -150%;
  color: #496F92;
}
 */
@media(max-width: 1024px){
  .product-details{
   	padding-left: 25px; 
  }
  .product-details .generic-usp{
   	display: none; 
  }
	.product__quantity .form-control{
    width: 20%;
  }
  .usp i{
 		display: block; 
	}
  .product-details .usp{
   	display: flex;
    flex-direction: row;
  }
  .bundle-tip .bundle-img{
    	margin-right: 100px;
  }
  .card-product-bundle .bundle-img{
   	height: 150px;
    object-fit: cover;
  }
  .plus__bundle{
   	left: 38%!important;
    width: 25%;
  }
  .bundle-action {
   	padding-left: 25px; 
  }
  .bundle-price .prices del{
   	font-size: 20px; 
    font-weight: 400;
  }
  .bundle-price .bundle-percentage{
   	width: 75%; 
    padding-left: 35px;
  }
  .bundle-price{
   	margin-bottom: 25px; 
  }
}

@media(max-width: 550px){
  .generic-usp{
   	display: none; 
  }
  #mainImage{
 	height: 300px;
  object-fit: contain; 
}
  .product__main{
  	flex-direction: column;
  }
  .product__main h1{
   	font-size: 24px;
    margin: 15px 0;
  }
  .product-price-block .prices{
   	display: flex;
    flex-direction: column;
  }
  .product-price-block .price-old{
   	font-size: 18px;
    font-weight: 400;
  }
  .product-price-block .price{
   	font-size: 28px;
    font-weight: 700;
  }
 .product-images, .product-details{
   width: 100%;
  }
  .product-details{
  	padding: 0;
    margin-top: 25px;
  }
  .product__quantity{
    flex-direction: row;
  }
  .product__quantity input{
   	width: 20%!important; 
  }
  .product__quantity button, .card-product-bundle{
   	width: 100%;
    max-width: 100%;
  }
  .product__quantity button{
   margin-left: 15px; 
  }
  .bundle-cards{
   	width: 100%;
  	display: flex;
    flex-direction: row;
  }
  .card-product-bundle{
    margin-bottom: 25px;
  }
  .bundle-cards .plus__bundle{
   	left: 40%!important;
    top: 33%!important; 
    width: 70px;
  }
  .bundle{
   	flex-direction: column; 
  }
  .bundle-form{
   	width: 100%;
    padding-left: 0;
  }
  .bundle-form h2{
   	margin-bottom: 15px; 
  }
  .bundle-form ul{
   	margin-left: 20px; 
    margin-bottom: 15px;
  }
  .bundle-form ul li span{
   	margin-left: 3px; 
  }
  .bundle-form .btn{
   	display: block;
    margin-top: 15px;
  }
  .bundle-percentage{
   	width: 100%; 
  }
  .card-product-bundle{
   	max-width: 48%; 
    padding: 0;
    padding-bottom: 10px;
    border-radius: 5px;
    overflow: hidden;
/*     justify-content: start; */
  }
  .card-product-bundle .product-title{
  	margin: 0 10px;
  }
  .card-product-bundle img{
   	margin: 0;
  }
  .related-products{
/*    	grid-auto-flow: column;
    overflow: auto;
    grid-auto-columns: 75%;
    grid-template-columns: unset;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scroll-padding-inline-start: 24px;
    height: auto;  */
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }
  .product{
   	scroll-snap-align: start;
    height: unset; 
    padding: 0;
    overflow: hidden;
  }
  
  .product div, .product h5{
   	padding: 10px; 
  }
  
  .product .product-btn{
   	margin: 10px; 
    border-width: 2px;
  }
  
  .product-info-image{
   	width: 100vw;
    margin: 0px auto;
    margin-left: -24px;
    border-radius: 0;
}
  .bundle-tip{
   	height: auto;
    flex-direction: column;
    align-items: end;
    margin-bottom: 25px;
  }
  .bundle-price div{
   	 width: 50%;
  }
  .bundle-price .bold{
   	font-size: 16px;
    font-weight: 400;
  }
  .bundle-price .prices{
   	display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
  }
  .bundle-price .bundel{
  	font-weight: 700;
  }	
  .bundle-price .product-price{
   	padding: 0;
    margin-left: 5px;
    font-size: 24px;
  }
  .bundle-price .prices del{
   	font-size: 20px; 
    font-weight: 400;
  }
  .bundle-percentage div{
  	width: 100%;  
  }
  .bundle-percentage .bundle-discount-text{
   	font-size: 14px; 
  }
  .bundle-percentage .discount{
   	font-weight: 700;
    font-size: 16px;
  }
  
  .tip-img-container{
   	padding-left: unset; 
  }
  .bundle-tip-img {
    top: -28%;
    left: 42%;
    width: 50px;
	}
  .product__quantity{
   	margin-top: 0; 
  }
  .product__quantity .form-control{
   	width: auto;
    margin-right: 0!important;
  }
  .tip-man{
   	top: unset;
    left: unset;
  }
  .related-headline{
   	margin-top: 50px;
    margin-bottom: 25px;
  }
  .related-products{
   	margin-bottom: 0px; 
  }
  .card-product img{
   	height: 100%; 
  }
  .bundle-img{
   	height: 50%;
    object-fit: cover;
  }
  .footer-active{
  	height: auto!important; 
  }
  .footer-sub{
  	height: 0px;
    overflow: hidden;
    transition: all .2s ease-in-out;
  }
  .footer-dropdown{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .product-info .specs{
   	margin: 10px 0; 
  }
}