.prodetails-info{padding:30px 5%}
.prodetails-name{margin-bottom:15px;color:var(--color);font-size:var(--fontsize32);font-weight:var(--fontbold6);line-height:1.4}
.share-btn-list{margin-top:20px}
@media (max-width:1024px){
.prodetails-info{padding:20px}
.prodetails-name{font-size:var(--fontsize28)}
}
@media (max-width:768px){
.prodetails-info{padding:20px 0}
}
@media (min-width:769px){
.preview-container{height:auto;display:flex;flex-direction:column-reverse;width:45%}
.preview-container .thumbnail-box{width:100%;margin-right:0;display:flex;padding:15px 0}
.preview-container .thumbnail-box .swiper{height:90px;width:80%}
.swiper-vertical>.swiper-wrapper{flex-direction:row}
.preview-container .thumbnail-box .item{height:90px!important}
.thumbnail-box .prodetails-button-next,.thumbnail-box .prodetails-button-prev{position:relative;width:6%;height:90px}
.thumbnail-box .prodetails-button-next em{transform:rotate(-90deg)}
.thumbnail-box .prodetails-button-prev em{transform:rotate(90deg)}
}