/* WooCommerce Gallery Thumbnails Styling */
.woocommerce div.product div.images .flex-control-thumbs {
    display: flex;
    gap: 10px;
    margin-top: 15px;
    justify-content: center;
    flex-wrap: wrap;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    width: 70px;
    height: auto;
}

.woocommerce div.product div.images .flex-control-thumbs img {
    border: 2px solid transparent;
    transition: border-color 0.3s ease;
    cursor: pointer;
    border-radius: 6px;
}

.woocommerce div.product div.images .flex-control-thumbs img:hover {
    border-color: #d1b17d;
}