/* ===============================
   WooCommerce 产品页缩略图
   文字不重叠 + 居中 + 7 个一排
   =============================== */

/* 缩略图容器 */
.single-product .flex-control-thumbs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/* 提示文字：作为真正的“第一行” */
.single-product .flex-control-thumbs::before {
    content: "Click to open expanded view";
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #888;
    margin-bottom: 10px;   /* ⭐ 和缩略图的真实间距 */
}

/* 每一个缩略图 */
.single-product .flex-control-thumbs li {
    float: none !important;
    width: calc(100% / 7) !important;
    margin: 0 !important;
    padding: 6px;
    box-sizing: border-box;
}

/* 缩略图图片 */
.single-product .flex-control-thumbs li img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #cacacb;
    box-sizing: border-box;
}