.section-product-detail {
	padding-top: 4.16667rem;
	padding-bottom: 4.16667rem;
	background: rgb(246 246 246);
}

.product-box-left {
	background: white;
	padding: 2rem;
	height: 100%;
}

.swiper-product-main a img {
	width: 920px;
	height: 660px;
	object-fit: cover;
	border-radius: .5rem;
}

.product-detail-thumbnail {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 2.2rem;
    padding-bottom: 3rem;
}

.product-detail-thumbnail .wrap-slide {
	max-width: calc(100% - 12rem);
	flex: 1 1 0%;
}
.product-detail-thumbnail .wrap-slide img {
	object-fit: cover;
	border-radius: .5rem;
	overflow: hidden;;
	width: 100%;
	height: 100%;
}
.product-detail-thumbnail .wrap-slide .image {
	object-fit: cover;
	border-radius: .5rem;
	height: 100px;
	width: 132px;
	overflow: hidden;
}
.product-detail-thumbnail .swiper-slide.swiper-slide-thumb-active {
    border: 1px solid rgb(255 200 69);
	border-radius: .5rem;
    overflow: hidden;
}
.product-box-left .search-icon svg {
	width: 20px;
	height: 20px;
	fill: #fff;
}
.product-box-left .search-icon {
	position: absolute;
	top: 20px;
	right: 20px;
	display: flex;
	gap: 10px;
	flex-direction: row;
	z-index: 10;
	cursor: pointer;
}
.product-box-left .swiper-slide {
	overflow: hidden;
    border-radius: .5rem;
}

.product-box-left .search-icon .product-search-icon {
	background: rgb(189 189 189);
	border-radius: .5rem;
	font-size: 10px;
	padding: 10px;
}

/* .section-product-detail .btn-ct {
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	border-width: 1px;
	border: 1px solid rgb(124 124 124);
	border-radius: 9999px;
	width: 35px;
	height: 35px;
	color: rgb(124 124 124);
} */

.swiper-product-thumb .btn-prev svg {
	transform: rotate(-180deg);
}

.product-box-right {
	padding: 2.08333rem;
	background: #fff;
	height: 100%;
}

.product-breadcrumb {
	display: flex;
	align-items: center;
}

.product-breadcrumb .sku {
	font-size: 14px;
	color: var(--color-red);
}

.product-breadcrumb .line {
	width: 1.04167rem;
	height: 1px;
	background: rgb(4 106 57);
	margin-right: .625rem;
    margin-left: .625rem;
}

.product-breadcrumb .posted_in a {
	font-size: 12px;
	font-weight: 700;
}

.product-box-right .product-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.25;
	text-align: left;
	margin: 20px 0;
}
.product-box-right .product-price {
	font-size: 24px;
	font-weight: 700;
	text-align: left;
	color: var(--color-red);
}

.wrap-content-des {
	border-radius: .5rem;
	padding: 3rem;
	background: #fff;
	position: relative;
}

.wrap-content-des .wrap {
	max-height: 500px;
    overflow: hidden;
}

.wrap-content-des .title-tab {
	color: #fff;
	background: var(--color-red);
	display: flex;
	align-items: center;
	gap: .41667rem;
	padding: 24px;
	height: 2.29167rem;
	font-weight: 500;
	font-size: 16px;
	width: fit-content;
	border-radius: 9999px;
	margin-bottom: 30px;
}
.wrap-content-des .content p {
	margin-bottom: 1.2rem;
	font-size: 16px;
}
.btn-show-more-content {
	display: flex;
	position: absolute;
	bottom: 0;
	left: 0;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	padding-bottom: 40px;
    width: 100%;
	cursor: pointer;
}
.wrap-content-des::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 180px;
	background: linear-gradient(
	to top,
	rgba(255, 255, 255, 1),
	rgba(255, 255, 255, 0.9) 60%,
	rgba(255, 255, 255, 0)
	);
	pointer-events: none;
	z-index: 1;
	transition: opacity 0.3s;
}
.wrap-content-des.show-all::before {
	opacity: 0;
	visibility: hidden;
}

.btn-show-more-content .btn-show {
	display: flex;
	align-items: center;
	height: 2.29167rem;
	gap: 5px;
	border: 1px solid var(--color-red);
	font-size: 16px;
	font-weight: 500;
	padding: 24px;
	border-radius: 999px;
	z-index: 10;
	color: var(--color-red);
}
.btn-show-more-content .btn-show i{
	color: var(--color-red);
}

.btn-show-more-content .btn-show:hover {
	background: var(--color-red);
	color: #fff;
}
.btn-show-more-content .btn-show:hover i {
	color: #fff;
}
.product-relative-section {
	padding: 60px 0;
}
.product-relative-section .title-product-relative {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
}
.product-relative-section .product-image {
	border-radius: 8px;
	overflow: hidden;
	transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.product-relative-section  .item-product:hover .product-image {
    box-shadow: 11px 13px 15px 1px rgba(0, 0, 0, .08);
}
.product-relative-section .item-product img {
	transition: all 0.3s ease-in;
}
.product-relative-section  .item-product:hover img {
	transform: scale(1.1);
	transition: all 0.3s ease-in;
}
.product-relative-section  .item-product:hover .title-pro {
	color: #a32523;
}

.product-relative-section .product-image img {
	aspect-ratio: 1 / 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.product-relative-section .item-product .title-pro {
	font-size: 16px;
	font-weight: 500;
}
.product-relative-section .item-product .caption {
	padding-top: 15px;
}
.product-relative-section .item-product .price {
	font-size: 18px;
	font-weight: 700;
}
.section-product-detail .btn-ct,
.global-btn-swiper .btn-prev,
.global-btn-swiper .btn-next {
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	border-width: 1px;
	border: 1px solid rgb(124 124 124);
	border-radius: 9999px;
	width: 50px;
	height: 50px;
	color: rgb(124 124 124);
}
.section-product-detail .btn-ct {
	width: 45px;
	height: 45px;
}
.section-product-detail .btn-ct:hover,
.global-btn-swiper  .btn-prev:hover,
.global-btn-swiper  .btn-next:hover {
	background: rgb(4 106 57);
	box-shadow: 2px 2px 9px 1px rgba(0, 0, 0, .2);
}
.section-product-detail .btn-ct:hover path,
.global-btn-swiper  .btn-prev:hover path,
.global-btn-swiper  .btn-next:hover path {
	fill: rgb(255 200 69);
}
.global-btn-swiper  .btn-prev{
	position: absolute;
    right: 100%;
    left: auto;
    top: 50%;
    transform: translate(-50%, -50%);
	margin-right: 2.08333rem;
}
.global-btn-swiper  .btn-next{
	position: absolute;
    left: 100%;
    right: auto;
    top: 50%;
    transform: translate(-50%, -50%);
	transform: rotate(180deg);
	margin-left: 4.2rem;
}

.product-relative-section .swiper-pagination  {
	display: none;
}
.wrap-content-des.show-all .wrap {
	max-height: 100% !important;
}

.wrap-content-des .content h3,
.wrap-content-des .content h4,
.wrap-content-des .content h5, 
.wrap-content-des .content h6 {
	font-weight: 500;
}
.wrap-content-des .content ul li {
	list-style: disc;
}

.product-detail-thumbnail {
    width: 100%; 
    overflow: hidden; 
}
@media (max-width: 1024px) {
	.section-product-detail .btn-ct,
	.global-btn-swiper {
		display: none;
	}
	.swiper-product-main a img {
		height: 265px;
	}
	.product-detail-thumbnail .wrap-slide .image {
		width: 100%;
		/* height: 100%; */
	}
	.product-detail-thumbnail .wrap-slide {
		max-width: 100%;
	}

	.product-relative-section .swiper-pagination  {
		display: block;
		bottom: -40px !important;
	}
	
	
}