body.single-product .top-single-product-content.product-gallery {
    display: flex;
    flex-direction: column;
    align-items: center;
}

body.single-product .top-single-product-content.swiper-container {
    padding: 1px;
    margin-bottom: 15px;
}

body.single-product .top-single-product-content.thumbnail-navigation {
    display: flex;
    align-items: center;
}

body.single-product .top-single-product-content.thumbnail-swiper-container {
    padding: 5px;
}

body.single-product .top-single-product-content.swiper-slide img {
    border: 1px solid #E4E5E5;
    transition: border-color 0.3s;
    border-radius: 6px;
    cursor: pointer;
}

body.single-product .top-single-product-content.swiper-slide img:hover {
    border-color: #ff0000;
}

body.single-product .top-single-product-content.thumbnail-button-prev, body.single-product .top-single-product-content.thumbnail-button-next {
    width: 24px;
    height: 24px;
    background-color: #E4E5E5;
    mask-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="%23ffffff" d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/%3E%3C/svg%3E');
    mask-size: cover;
    cursor: pointer;
    transition: background-color 0.3s;
}

body.single-product .top-single-product-content.thumbnail-button-prev:hover, body.single-product .top-single-product-content.thumbnail-button-next:hover {
    background-color: #d4163f;
}

body.single-product .top-single-product-content.thumbnail-button-next {
    transform: rotate(0deg);
}

body.single-product .top-single-product-content.thumbnail-button-prev {
    transform: rotate(180deg);
}

body.single-product .top-single-product-content.thumbnail-button-prev:hover, .thumbnail-button-next:hover {
    background-color: #999;
}

body.single-product .top-single-product-content.swiper-container {
    width: 100%;
    margin: auto;
    overflow: hidden;
}

body.single-product .top-single-product-content.swiper-slide {
    width: auto;
}

body.single-product .top-single-product-content.swiper-wrapper .swiper-slide-active img:hover {
    border: 1px solid #E4E5E5 !important;
}

body.single-product .top-single-product-content.swiper-wrapper {
    margin-top: 13px;
}