.breadcrumbs-box {
	a {
		color: var(--Black) !important;
	}

	.separator {
		color: var(--Black) !important;
	}
}

.ProductDetail {
	.ImgBox {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: repeat(2, 1fr);
		grid-column-gap: 0.5rem;
		grid-row-gap: 0.5rem;
		border-radius: var(--b-radius);
		overflow: hidden;
		list-style: none;

		.DetailImg:nth-child(1) {
			grid-area: 1 / 1 / 3 / 3;
		}
	}

	.BtnOtherImg {
		left: 1.5rem;
		bottom: 0.5rem;
		border-radius: calc(var(--b-radius) * 2);
	}

	.OtherImg {
		top: -100%;
		right: 0;
		left: 0;
		height: 100%;
		transition: all 0.9s ease-in;
		width: 100%;
		height: 100vh;
		transform: translateY(-100%);
		z-index: 99999;

		bottom: 0;

		.InnerOtherImg {
			border-radius: var(--b-radius);

			img {
				border-radius: var(--b-radius);
			}
		}

	}

	.PerPrice {
		border-radius: var(--b-radius);
	}

	.TitleProduct {
		border-bottom: 0.1rem solid var(--Silver);
	}

	.TopDetailTour {
		border-radius: var(--b-radius);

		.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group {
			left: 0;

		}
	}

	.BoxFeauterTour {
		border-radius: 0 0 calc(var(--b-radius) / 2) calc(var(--b-radius) / 2);

		li {
			flex: 1 0 auto;
		}

		border-top: 0.1rem solid var(--Silver);

		li:not(:last-child) {
			border-left: 0.1rem solid var(--Silver);

		}
	}

	.AboutTour {
		li:not(:last-child) {
			border-bottom: 0.1rem solid var(--Silver);

			p {
				font-size: 1rem;
				line-height: inherit;
			}
		}
	}

	.OtherImg.active {
		top: 0;
		transform: translateY(0);
		transition: all 0.9s ease-in;

		&::before {
			background-color: rgba(0, 0, 0, 0.7);
			right: 0;
			left: 0;
			position: absolute;
			top: 0;
			bottom: 0;
			content: "";
			width: 100%;
			height: 100%;
			transition: all 0.9s ease-in;
		}
	}


	svg {
		/* width: 1rem; */
		height: 1rem;
	}

	.SideDetail {

		.InnerSidebar {
			border-radius: var(--b-radius);

			.PerPrice {
				border-radius: var(--b-radius);
			}

			.TopDetailTour {
				border-radius: var(--b-radius);
			}

			.CallToExpert {
				border: 0.15rem solid var(--Fcolor);
				border-radius: var(--b-radius);
			}

		}

		.addToBasket {
			border: 0.15rem solid var(--Hcolor) !important;
			outline: unset !important;
			border-radius: var(--b-radius);
		}
	}

	.gallery-box {
		position: relative;
		display: flex;
		flex-direction: row-reverse;
		gap: 1rem;

		.main-gallery {
			width: 80%;
		}

		.thumb-gallery {
			width: 20%;
		}

		.ProductGallery-Slider {
			height: 100%;
			border-radius: var(--b-radius);
			overflow: hidden;

			.swiper-slide {
				display: flex;
				align-items: center;
				justify-content: center;

				img {
					width: 100%;
					height: 100%;
					border-radius: calc(var(--b-radius) / 2);
				}


			}
		}

		.ProductGallery-Thumbs {
			height: 26rem;

			.swiper-slide {
				width: 100%;
				cursor: pointer;
				overflow: hidden;
				border-radius: calc(var(--b-radius) / 2);

				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}

				&.swiper-slide-thumb-active {
					position: relative;

					&:after {
						content: '';
						position: absolute;
						top: 0;
						right: 0;
						bottom: 0;
						left: 0;
						background-color: var(--accent-color2);
						opacity: 0.5;
					}
				}
			}
		}


		.gallery-thumb-paginatoin {
			cursor: pointer;

			.ProductGallery-Thumbs-prev,
			.ProductGallery-Thumbs-next {
				svg {
					display: block;
					width: 2rem;
					height: 2rem;

				}
			}

			.ProductGallery-Thumbs-prev {
				svg {
					transform: rotate(180deg);
				}
			}


			.swiper-button-disabled {
				opacity: 0.5;
			}
		}
	}

}
.CloseGallery {
    top:-2rem;
    right:0;
	cursor: pointer;
	svg{
		width: 1.5rem;
		height: 1.5rem;
	}
}