/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 11 2026 | 09:08:44 */
	/* =========================================
	   2) GALLERY CHÍNH
	========================================= */
	.product-gallery-col .woocommerce-product-gallery{
		margin: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 10px !important;
	}

	/* luôn hiện ảnh */
	.woocommerce-product-gallery{
		opacity: 1 !important;
	}	
	.elementor-3524 .elementor-element.elementor-element-8052a31 .elementor-widget-image img{
	  width: 72%;
	  height: auto;
	  display: block;
	  margin: 0 auto;
	}
	.bolia-gallery-wrap{
	  height: 600px;
	  overflow: hidden;
	}

	.bolia-gallery-wrap .flex-viewport{
		height: 530px;
		overflow: hidden;
	}
	/* căn giữa ảnh */
	.bolia-gallery-wrap .woocommerce-product-gallery__image a{	
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  padding: 0 0 1px;	
	  height: 530px;
	  overflow: hidden;
	  box-sizing: border-box;
	}	
	.bolia-gallery-wrap .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child img{
	  width: auto;
	  height: auto;
	  max-width: 100%;
	  max-height: 100%;
	  object-fit: contain;
	  display: block;
	  margin: 0 auto;
	  transform: scale(1.12); /* zoom vào */
	  transform-origin: center center;
	}	
	.bolia-gallery-wrap 
	.woocommerce-product-gallery__wrapper 
	.woocommerce-product-gallery__image:nth-child(n+2){
	  margin-bottom: 16px;
	}				


	/* =========================
	   THUMBNAIL - FIX THEO MẪU
	========================= */

	/* wrapper tổng: 1 ảnh lớn ở trên, thumbnail ở dưới */
	.bolia-gallery-wrap .woocommerce-product-gallery__wrapper{
	  display: flex;
	  flex-wrap: wrap;
	  align-content: flex-start;
	  gap: 10px;
	}

	/* ảnh lớn giữ nguyên 1 hàng riêng */
	.bolia-gallery-wrap .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child{
	  flex: 0 0 100%;
	  width: 100%;
	}

	/* chỉ thumbnail từ ảnh thứ 2 trở đi */
	.bolia-gallery-wrap .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:nth-child(n+2){
	  flex: 0 0 92px;
	  width: 92px;
	  height: 68px;
	  margin: 0 10px 16px 0;
	  overflow: hidden;
	}

	/* link bọc thumbnail */
	.bolia-gallery-wrap .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:nth-child(n+2) a{
	  display: block;
	  width: 100%;
	  height: 100%;
	  padding: 0;
	  overflow: hidden;
	  background: #ffffff;
	}

	/* ảnh thumbnail */
	.bolia-gallery-wrap .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:nth-child(n+2) img{
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  display: block;
	  margin: 0;
	  transform: none;
	  max-width: none;
	  max-height: none;
	}

	/* chặn style ảnh lớn ăn xuống thumbnail */
	.bolia-gallery-wrap .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:nth-child(n+2),
	.bolia-gallery-wrap .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:nth-child(n+2) a{
	  box-sizing: border-box;
	  padding: 0;	
	}
	/* =========================================
	   TABLET DỌC (768 - 880)
	   Target: tổng gallery ~760px
	========================================= */
	@media (min-width: 768px) and (max-width: 880px){
	  /* khung tổng */
	  .single-product .bolia-gallery-wrap{
		height: auto;
		overflow: hidden;
	  }

	  /* vùng ảnh lớn */
	  .single-product .bolia-gallery-wrap .flex-viewport{
		height: 670px;
		overflow: hidden;
	  }
	 .single-product .bolia-gallery-wrap 
	  .woocommerce-product-gallery__wrapper 
	  .woocommerce-product-gallery__image:first-child a{
		display: flex;
		align-items: center;
		justify-content: center;
		height: 670px;
		padding: 0 0 1px;
		overflow: hidden;
		box-sizing: border-box;
		background: #f3f3f3;
	  }
	/* chỉ scale ảnh lớn */
	  .single-product .bolia-gallery-wrap 
	  .woocommerce-product-gallery__wrapper 
	  .woocommerce-product-gallery__image:first-child img{
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;
		display: block;
		margin: 0 auto;
		transform: scale(1.16);
		transform-origin: center center;
	  }
	  /* thumbnail nền trắng */
	  .single-product .bolia-gallery-wrap 
	  .woocommerce-product-gallery__wrapper 
	  .woocommerce-product-gallery__image:nth-child(n+2) a{
		background: #ffffff;
	  }
		  /* khoảng cách giữa ảnh lớn và thumbnail */
	  .single-product .product-gallery-col .woocommerce-product-gallery{
		gap: 12px;
	  }

	  /* wrapper thumbnail */
	  .single-product .bolia-gallery-wrap .woocommerce-product-gallery__wrapper{
		gap: 12px;
	  }
	  .single-product .bolia-gallery-wrap 
	  .woocommerce-product-gallery__wrapper 
	  .woocommerce-product-gallery__image:nth-child(n+2){
		margin: 0 10px 16px 0;
	  }

	  /* khoảng cách ảnh lớn - thumbnail */
	  .single-product .product-gallery-col 
	  .woocommerce-product-gallery{
		gap: 12px;
	  }
	}
	/* =========================================
	   Điện thoại (768px) Thông tin sản phẩm, chỉnh name và value thẳng hàng
	========================================= */
	@media (max-width: 767px){

		  .single-product .bolia-gallery-wrap{
			height: 475px;
			overflow: hidden;
			background: #ffffff;
		  }
 		.single-product .bolia-gallery-wrap .flex-viewport{
			height: 400px;
			overflow: hidden;
			background: #f3f3f3;
		  }
		.single-product .bolia-gallery-wrap .woocommerce-product-gallery{
			height: auto;
		  }
		  .single-product .bolia-gallery-wrap .woocommerce-product-gallery,
		  .single-product .bolia-gallery-wrap .woocommerce-product-gallery__wrapper{
			height: auto;
			min-height: 0;
			background: #ffffff;
		  }

		 
	.single-product .bolia-gallery-wrap 
    .woocommerce-product-gallery__wrapper{
		gap: 6px;
	  }
	.single-product .bolia-gallery-wrap .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child a{
			height: 400px;
			overflow: hidden;
			background: #f3f3f3;
		  }

	.single-product .bolia-gallery-wrap .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child img{
			transform: scale(1.04);
			transform-origin: center center;
		  }
	.single-product .bolia-gallery-wrap 
	.woocommerce-product-gallery__wrapper 
	.woocommerce-product-gallery__image:nth-child(n+2){
			margin-bottom: 0;
		  }
	.single-product .bolia-gallery-wrap .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:nth-child(n+2),
   .single-product .bolia-gallery-wrap .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:nth-child(n+2) a{
			background: #ffffff;
		  }
	}

/* CSS cho phân thông tin sản phẩm giao diện đth thẳng hàng ngang*/
/*
/* PRODUCT SPEC - APPLY ALL */ 
@media (max-width: 767px){
	.single-product .spec-wrap { 
			display: grid; 
			grid-template-columns: 42% 58%; 
			column-gap: 0; align-items: start; 
		} 
	.single-product .spec-wrap > .elementor-element { 
			width: 100%; 
			margin: 0; 	
			padding: 0; 
		} 
	.single-product .spec-wrap .elementor-widget-heading, .single-product .spec-wrap .elementor-widget-text-editor, .single-product .spec-wrap .elementor-widget-html { 
			margin: 0;
			padding: 0; 
		} 
	.single-product .spec-wrap .elementor-heading-title, .single-product .spec-wrap p { 
			margin: 0; 
			padding: 0; 
			line-height: 1.35; } 
	.single-product .spec-wrap .elementor-widget-heading { 
			display: flex; 
			align-items: center; 
		} 
	.single-product .spec-wrap .elementor-widget-text-editor { 
			display: flex; 
			align-items: flex-start; 
	}
}
/*04/05/2026---vấn ảnh thumbnail nhỏ mất đi giao diện đth giống bolia*/
/* 04/05/2026 - Mobile gallery giống Bolia:
   ẩn thumbnail nhỏ, ảnh nằm giữa khung xám, xóa khoảng trắng dư */

	@media (max-width: 767px){
	  .single-product .bolia-gallery-wrap,
	  .single-product .bolia-gallery-wrap .woocommerce-product-gallery,
	  .single-product .bolia-gallery-wrap .woocommerce-product-gallery__wrapper,
	  .single-product .bolia-gallery-wrap .flex-viewport{
		background: #f3f3f3;
	  }
	  .single-product .bolia-gallery-wrap{
		height: auto;
		overflow: hidden;
		margin-bottom: 0;
		padding-bottom: 0;
	  }
	  .single-product .bolia-gallery-wrap .woocommerce-product-gallery{
		height: auto;
		margin-bottom: 0;
		padding-bottom: 0;
	  }
	  .single-product .bolia-gallery-wrap .flex-viewport{
		height: 340px !important;
		overflow: hidden;
		margin-bottom: 0;
		padding-bottom: 0;
	  }
	  .single-product .bolia-gallery-wrap .woocommerce-product-gallery__wrapper{
		display: flex;
		flex-wrap: nowrap;
		gap: 0;
		margin: 0;
		padding: 0;
	  }
	  .single-product .bolia-gallery-wrap .woocommerce-product-gallery__image{
		flex: 0 0 100%;
		width: 100%;
		height: 340px;
		margin: 0;
		overflow: hidden;
	  }
	  .single-product .bolia-gallery-wrap .woocommerce-product-gallery__image a{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 340px;
		padding: 0;
		overflow: hidden;
		box-sizing: border-box;
	  }
	  .single-product .bolia-gallery-wrap .woocommerce-product-gallery__image img{
		width: auto;
		height: auto;
		max-width: 96%;
		max-height: 96%;
		object-fit: contain;
		display: block;
		margin: auto;
		transform: none;
	  }
	  .single-product .bolia-gallery-wrap .flex-control-nav,
	  .single-product .bolia-gallery-wrap .flex-control-thumbs{
		display: none;
		height: 0;
		margin: 0;
		padding: 0;
		overflow: hidden;
	  }
	
	/* =========================================
	   FIX CENTER IMAGE SAU KHI CHỌN VARIATION (CLEAN) (sau khi chọn các options)
	========================================= */

	@media (max-width: 767px){

	  /* khung ảnh luôn là flex center */
	  .single-product .bolia-gallery-wrap 
	  .woocommerce-product-gallery__image > a{
		display: flex;
		align-items: center;
		justify-content: center;
	  }
	  /* reset các style Woo inject khi đổi variation */
	  .single-product .bolia-gallery-wrap 
	  .woocommerce-product-gallery__image > a > img{
		position: static;
		transform: none;
	  }
	  /* kiểm soát kích thước ảnh */
	  .single-product .bolia-gallery-wrap 
	  .woocommerce-product-gallery__image img{
		width: auto;
		height: auto;
		max-width: 96%;
		max-height: 96%;
		margin: auto;
		object-fit: contain;
		display: block;
	  }
		
	  .single-product .bolia-gallery-wrap 
	  .woocommerce-product-gallery__wrapper 
	  .woocommerce-product-gallery__image:first-child a,
	  .single-product .bolia-gallery-wrap 
	  .woocommerce-product-gallery__image a{
		display: grid;
		place-items: center;
		width: 100%;
		height: 340px;
		background: #f3f3f3;
		overflow: hidden;
	  }
	  .single-product .bolia-gallery-wrap 
	  .woocommerce-product-gallery__wrapper 
	  .woocommerce-product-gallery__image:first-child img,
	  .single-product .bolia-gallery-wrap 
	  .woocommerce-product-gallery__image img{
		width: auto;
		height: auto;
		max-width: 96%;
		max-height: 96%;
		object-fit: contain;
		object-position: center center;
		margin: auto;
		display: block;
	  }
	}