.box-product-details{
	display: grid ;
	grid-template-columns: repeat( 2 , 1fr ) ;
	grid-gap: 30px ;
}
.box-product-details .images{
	display: flex ;
	flex-direction: column ;
	justify-content: center ;
}
.box-product-details .images .principal{
	width: 100% ;
	background-color: #FFFFFF ;
	border-radius: 5px ;
	overflow: hidden ;
	margin-bottom: 15px ;
	border: 2px solid #FFFFFF ;
	box-sizing: border-box ;
}
.box-product-details .images .principal img,
.box-product-details .images .grid > div img{
	width: 100% ;
	height: 100% ;
}
.box-product-details .images .principal img{
	object-fit: cover ;
}
.box-product-details .images .grid > div img{
	object-fit: contain ;
	transition-property: filter ;
	transition-duration: 0.25s ;
}
.box-product-details .images .grid{
	display: grid ;
	grid-template-columns: repeat( 4 , 1fr ) ;
	grid-gap: 15px ;
}
.box-product-details .images .grid div{
	width: 100% ;
	height: 100% ;
	background-color: #FFFFFF ;
	border-radius: 5px ;
	overflow: hidden ;
	transition-property:  transform , border-color ;
	transition-duration: 0.25s ;
	border: 2px solid #FFFFFF ;
	box-sizing: border-box ;
}
.box-product-details .images .grid div.select{
	border-color: #8792C7 ;
}
.box-product-details .images .grid div.select img{
	filter: opacity(50%) ;
}
.box-product-details .images .grid div:hover{
	cursor: pointer ;
	transform: scale(0.95) ;
}
.box-product-details .information{
	display: flex ;
	flex-direction: column ;
	justify-content: center ;
}
.box-product-details .information .seller-product{
	color: #8792C7 ;
	font-weight: 800 ;
	margin-bottom: 5px ;
	text-decoration: none ;
}
.box-product-details .information .name-product{
	font-size: 28px ;
	font-weight: 800 ;
}
.box-product-details .information .stock-product{
	margin-top: 5px ;
	color: #008E40 ;
}
.box-product-details .information .stock-product.unavailable{
	color: #C00000 ;
}
.box-product-details .information .description-product{
	margin-top: 20px ;
	color: #B3B3B3 ;
	margin-bottom: 20px ;
}
.box-product-details .information .price-product{
	font-size: 20px ;
	font-weight: 800 ;
	margin-bottom: 20px ;
}
.box-product-details .information .add-to-shopping-cart{
	text-decoration: none ;
	background-color: #8792C7 ;
	color: #E5E7F3 ;
	display: flex ;
	width: 100% ;
	max-width: 300px ;
	border-radius: 5px ;
	padding: 15px 2.5px ;
	text-align: center ;
	align-items: center ;
	justify-content: center ;
	gap: 10px ;
	transition-property: background-color ;
	transition-duration: 0.25s ;
}
.box-product-details .information .add-to-shopping-cart:hover,
.box-product-details .information .btn-share:hover{
	cursor: pointer ;
	background-color: #5A69B2 ;
}
.box-product-details .information .add-to-shopping-cart svg{
	height: 16px ;
	fill: #E5E7F3 ;
}
.box-product-details .information .btn-share{
	border: 0px ;
	background-color: #8792C7 ;
	width: 30px ;
	height: 30px ;
	margin-bottom: 10px ;
	padding: 7.5px ;
	border-radius: 50% ;
	transition-property: background-color ;
	transition-duration: 0.25s ;
}
.box-product-details .information .btn-share svg{
	height: 100% ;
	width: 100% ;
	fill: #E5E7F3 ;
}
.box-product-details .information input[name="url-share"]{
	position: absolute ;
	top: -100vh ;
}
@media(max-width: 525px){
	.box-product-details{
		grid-template-columns: 1fr ;
	}
	.box-product-details .information{
		align-items: center ;
		text-align: center ;
	}
	.box-product-details .information .description-product{
		text-align: justify ;
	}
}