.bt-ptxt{
	margin:0px;
}

.bt-column {
  padding: 10px;
  min-height: 50px;
  box-sizing: border-box;

}
.row{
	max-width: 1300px;
	margin:0 auto;
}


.row > .col4 {
  flex: 1 1 25%; /* 4 columns on desktop */
  max-width: 25%;
}

 

.row > .col2 {
  flex: 1 1 50%; /* 2 columns on desktop */
  max-width: 50%;
}

/* Tablet (2 columns) */
@media (max-width: 1024px) {
	
  .row > .col6 {
  	flex: 1 1 50%;
    min-width: 50%;
	}	
  .row > .col4 {
    flex: 1 1 50%;
    min-width: 50%;
  }
  .row > .col2 {
   flex: 1 1 100%; /* 1 columns on tablet */
    min-width: 100%;
  }
}

/* Mobile (1 column) */
@media (max-width: 600px) {
  .row > .col6 {
    flex: 1 1 100%;
    max-width: 100%;
  }
    .row > .col4 {
    flex: 1 1 100%;
    max-width: 100%;
  }
    .row > .2colonmobile {
  	flex: 1 1 50%;
    max-width: 50%;
	}
	.col-no-margin-no-pad{
		margin:0px !important;
		padding:0px !important;
	}
	.bt-ebay-description, .div-title-wrap{
		margin:0px !important;
		padding:0px 10px 20px !important;
	}
	.tab-panel.active{
		margin:0px !important;
		padding: 30px 0px 10px !important;
	}
}



.ms-icon{
	font-size:48px;
	display: block;
}

.custom-div {
  padding: 10px;
  min-height: 50px;
}

.col-30 {
    flex: 0 0 30%;
    max-width: 30%;
  }

  .col-70 {
    flex: 0 0 70%;
    max-width: 70%;
  }
  
.bt-section{
	padding: 20px;
    min-height: 20px;
    background-color: #f8f8f8;
}  


@media (max-width: 768px) {
    .row > div {
      flex: 1 1 100% !important;
      max-width: 100% !important;
    }
}


/**Button links **/
.bt-btn{
	padding: 10px 20px;
    background-color: #444;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    display: inline-block;
}


@media (max-width: 768px) {
    .col-nav-links{
     display: block;
	}
	.col-nav-links a.bt-btn{
     flex: 1;	
	}

}

@media (max-width: 400px) {

	.col-nav-links a.bt-btn{
     display:block;	
     width: 100%;
	}

}




/**svg icon**/
.bt-svg-block-wrapper {
  display: flex;
  align-items: center; /* vertical centering */
  gap: 10px; /* space between icon and text */
}

.bt-svg-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.bt-svg-icon svg {
  display: block;
}

.bt-svg-block-wrapper span[contenteditable] {
  line-height: 1;
  font-size: 16px;
}

/**svg icon end**/ 
  
/**fontawesome icon**/  
.bt-fa-block-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}

.bt-fa-icon {
  font-size: 30px;
}

.bt-fa-text-header {
    margin: 0px;
     font-size: 16px;
}
.bt-fa-text-subtext {
    margin: 0px;
    margin-top: -5px;
    font-size: 15px;
}
.bt-fa-block-wrapper {
    padding: 10px;
}
/**fontawesome icon end**/   
  
/**Multi tabs**/  
 .css-tabs { 
 display: flex; 
 flex-direction: column; 
 width: 100%; 
 border: 1px solid #ccc;
 border-radius: 5px;
 }
	.tab-input { display: none; }
	.tab-labels { display: flex; }
	
	.tab-label {
	  flex: 1 0 25%;
	  padding: 13px 10px;
	  background: #eee;
	  border: 1px solid #ccc;
	  border-left: 0px;
      border-right: 0px;
	  text-align: center;
	  cursor: pointer;
	  padding:5px;
	}
	.tab-panels {	   
	  background: #fafafa;
	  border-radius: 5px;
	}
	.tab-panel { display: none; }
	.tab-panel.active { 
	      padding: 3rem 3rem;
	 }

	#tab1:checked ~ .tab-labels label[for="tab1"],
	#tab2:checked ~ .tab-labels label[for="tab2"],
	#tab3:checked ~ .tab-labels label[for="tab3"],
	#tab4:checked ~ .tab-labels label[for="tab4"] {
	  background: #ccc;
	}

	#tab1:checked ~ .tab-panels .tab-panel:nth-of-type(1),
	#tab2:checked ~ .tab-panels .tab-panel:nth-of-type(2),
	#tab3:checked ~ .tab-panels .tab-panel:nth-of-type(3),
	#tab4:checked ~ .tab-panels .tab-panel:nth-of-type(4) {
	  display: block;
	} 
  
  
/**Multi tabs end**/  


  
.gjs-droppable-active {
  outline: 2px dashed #007bff !important;
  outline-offset: -4px;
  min-height: 100px !important;
  position: relative;
  border-radius: 4px;
  background-color: #fff;
}

.gjs-droppable-active::before {
  content: "[ DROP HERE ]";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.8rem;
  font-weight: 500;
  color: #ccc;
  font-family: 'Poppins';
  background: #fff;
  padding: 8px 8px;
  border-radius: 4px;
  pointer-events: none;
}

.main.gjs-droppable-active {
   height: 100vh;
}
  
.div-title-wrap{
	padding:20px;
	padding-bottom:0px;
}

.div-title-wrap h1{
	padding: 0px !important;
    margin: 0px;
}
 
.bt-ebay-description{
	padding:20px;
	padding-bottom:0px;
    margin-bottom: 10px;
}  
.bt-ebay-description h2{
	font-size: 24px;

}

.bt-ebay-description-text{
	 font-size: 16px;
     line-height: 1.6;
}
 
.bt-customer-reviews {
  padding: 20px;
  padding-bottom:0px;
   width:100%;
}

.bt-customer-reviews h2 {
  font-size: 24px;
  margin-bottom: 20px;
}

.bt-reviews-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 20px;
}

.bt-review-card {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 15px;
}

.bt-review-stars {
  font-size: 18px;
  color: #f5a623;
  margin-bottom: 8px;
}

.bt-review-stars img {
    max-width: 80px;
}

.bt-review-name {
  font-weight: bold;
  margin-bottom: 4px;
}

.bt-review-date {
  font-size: 12px;
  color: #777;
  margin-bottom: 10px;
}

.bt-review-text {
  font-size: 14px;
  color: #333;
}

 
/** Gallery Blocks **/

.bt-gallery {
  max-width: 1000px;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding:20px;
}

/* Main image container */
.bt-main-image {
  width: 100%;
  height: 600px; /* Fixed height for consistency */
  position: relative;
  background: #fff;
  border-radius: 8px;
  border: 2px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* All main images initially hidden and centered */
.bt-main-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: contain;
  background: #fff;
  padding: 10px;
  border-radius: 8px;
  display: none;
}

/* Show selected main image */
input[type="radio"] {
  display: none;
}

#img1:checked ~ .bt-main-image #main1,
#img2:checked ~ .bt-main-image #main2,
#img3:checked ~ .bt-main-image #main3,
#img4:checked ~ .bt-main-image #main4,
#img5:checked ~ .bt-main-image #main5,
#img6:checked ~ .bt-main-image #main6,
#img7:checked ~ .bt-main-image #main7,
#img8:checked ~ .bt-main-image #main8,
#img9:checked ~ .bt-main-image #main9,
#img10:checked ~ .bt-main-image #main10 {
  display: block;
}

/* Highlight selected thumbnail */
#img1:checked ~ .bt-thumbnails label[for="img1"] ,
#img2:checked ~ .bt-thumbnails label[for="img2"] ,
#img3:checked ~ .bt-thumbnails label[for="img3"] ,
#img4:checked ~ .bt-thumbnails label[for="img4"] ,
#img5:checked ~ .bt-thumbnails label[for="img5"] ,
#img6:checked ~ .bt-thumbnails label[for="img6"] ,
#img7:checked ~ .bt-thumbnails label[for="img7"] ,
#img8:checked ~ .bt-thumbnails label[for="img8"] ,
#img9:checked ~ .bt-thumbnails label[for="img9"] ,
#img10:checked ~ .bt-thumbnails label[for="img10"]  {
  border-color: #007BFF;
}


/* Thumbnails container (desktop) */
.bt-thumbnails {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 10px;
  justify-content: center;
}

/* Thumbnail item wrapper */
.bt-thumbnails label {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  border: 2px solid #ccc;
  border-radius: 5px;
  background: #fff;
}

/* Thumbnail image */
.bt-thumbnails img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 4px;

  transition: border 0.3s;
}

/* Responsive layout */

@media (max-width: 1024px) {
  .bt-thumbnails {
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  }
}

@media (max-width: 768px) {
  .bt-main-image {
    height: 420px;
  }
}

@media (max-width: 600px) {
  .bt-gallery {
    padding: 10px;
  }

  .bt-main-image {
    height: 350px;
  }

  .bt-thumbnails label {
    flex: 0 0 auto;
    scroll-snap-align: start;
    height: 90px;
    width: 90px;
  }

  .bt-thumbnails img {
    width: auto;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
  }
}

@media (max-width: 400px) {
  .bt-thumbnails label {
    height: 120px;
    width: 120px;
  }
	
}	

    
/**END OF Gallery Blocks**/   

 
 /** Class Overrides **/

/* Keyframes for fade & slide animation */
@keyframes fadeSlideUp {
  0% {
    opacity: 0.5;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


/* Default style */
.animate-div {
  transition: all 0.3s ease;
  padding: 20px;
  background: #f4f4f4;
  width: 300px;
}

/* Trigger animation on hover */
.animate-div:hover {
  animation: fadeSlideUp 0.5s ease-out forwards;
  background: #e0e0e0; /* optional hover color change */
}



.hide-on-mobile{
	
}

@media (max-width: 1025px) {
  .hide-on-mobile{
	display:none !important;
  }

  .mobile-flex-right{
		display: flex;
    	flex-direction: column;
    	justify-content: right;
   		 align-items: flex-end;
    	padding-right: 40px !important;
   }
   	.mobile-margin-unset{
		margin:unset !important;
	}
	.mobile-text-right{
		text-align: right;
	}
	.mobile-col-padding-reset{
		padding: 10px !important;
	}
}


@media (max-width: 768px) {
   
 .hide-on-smallest{
	display:none;
  }
  .sec-top-bottom-pad-2rem{
  	padding: 2rem 0rem !important 
  }
    .sec-top-bottom-pad-1rem{
  	padding: 1rem 0rem !important 
  }
   .sec-top-bottom-pad-0rem{
  	padding: 0rem 0rem !important 
  }

}


.row-withgap { gap: 20px; }
.round-border {
	border-radius: 10px;
	border:1px solid #ddd;
}
.btn-clear{
	background-color: transparent !important;
	color:#444;
}



.center-img{
	display: block;
	margin:0 auto;
}
.bt-products-grid-3cols { grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)) !important; }
.bt-products-grid-3cols .bt-product-card { padding: 30px 20px !important; }

@media (max-width: 1024px) {  
.bt-products-grid-3cols {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
}
}

@media (max-width: 400px) {
   
.bt-products-grid-3cols {
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)) !important;
}


}


.bt-rel-link {
    background: unset !important;
    color: #444 !important;
    border-radius: 5px !important;
    text-align: left;
    padding-left: 0px !important;
}

.footer-links {
    display: block !important;
    float: none !important;
    text-decoration: none;
    padding:10px;
    padding-bottom: 0px;
}

.bg-zoom {  transition: all 1.35s ease-in-out;}
.bg-zoom:hover { background-size: 120% !important; }

@media (max-width: 1024px) { 
.bg-zoom:hover { background-size: cover !important; }
}


/** END Class Overrides **/


   
    
.bt-related-products {
  margin: 0 auto;
  width:100%;
}

.bt-related-products h2 {
  margin-bottom: 20px;
  font-size: 24px;
}

.bt-products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  gap: 20px;
  width:100%;
  justify-content: center;
  
  margin: 0 auto;
}

.bt-product-card {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 15px;
  text-align: center;
    display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.bt-product-card img {
  max-height: 140px;
  min-height: 140px;
  max-width: 100%;
  object-fit: contain;
  display: block;
  margin: 0 auto;
 
  flex-shrink: 0;
  margin-bottom: 16px;
  
}

.bt-product-card > img {

}

.bt-product-card .bt-product-title,
.bt-product-card .bt-product-price,
.bt-product-card .bt-buy-now-btn {
  margin-top: auto;
}

.bt-product-title {
  margin-bottom: 5px;
  text-align: left;
}

.bt-product-price {
  color: #555;
  margin-bottom: 10px;
  text-align: left;
  font-size: 1.5rem;
}

.bt-buy-now-btn {
  display: inline-block;
  padding: 8px 16px;
  background: #444;
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
}

.bt-buy-now-btn:hover {
  background: #ddd;
  color: #000;
}