/* ============================================
   WooCommerce 产品卡片 - 与 index.html featured 一致
   ============================================ */

/* 产品网格 - 4 列、间距 2rem，与 featured-grid 一致 */
.woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    align-items: start;
}

.woocommerce ul.products li.product {
    margin: 0;
    padding: 0;
    width: auto;
}

/* 产品卡片链接 - 块级 */
.woocommerce ul.products li.product a {
    text-decoration: none;
    color: inherit;
    display: block;
}

/* 产品链接 - 块级 */
.woocommerce ul.products li.product .woocommerce-loop-product__link,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
    display: block;
}

/* 图片区域 - 1:1 正方形、1.5rem 间距，与 featured-image 一致 */
.woocommerce ul.products li.product .woocommerce-loop-product__image,
.woocommerce ul.products li.product a > span:first-of-type,
.woocommerce ul.products li.product a > div:first-of-type {
    aspect-ratio: 1;
    margin-bottom: 1.5rem;
    overflow: hidden;
    display: block;
    position: relative;
    background: var(--bg-darker);
}

.woocommerce ul.products li.product a > img:first-of-type {
    aspect-ratio: 1;
    margin-bottom: 1.5rem;
    width: 100%;
    object-fit: cover;
    display: block;
}

.woocommerce ul.products li.product img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.woocommerce ul.products li.product:hover img {
    transform: scale(1.03);
}

/* 产品标题 - 与 featured-info h3 一致 */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3 {
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
    font-weight: 600;
    color: var(--text);
}

/* 产品描述/分类 - 与 featured-info p 一致 */
.woocommerce ul.products li.product .woocommerce-loop-product__short-description,
.woocommerce ul.products li.product .posted_in {
    font-size: 0.85rem;
    color: var(--text-muted);
    margin-bottom: 0.5rem;
}

/* 价格 - 与 featured-price 一致 */
.woocommerce ul.products li.product .price {
    font-family: 'Syne', sans-serif;
    font-weight: 700;
    color: var(--accent);
    font-size: 1rem;
}

.woocommerce ul.products li.product .price del {
    color: var(--text-muted);
    font-weight: 400;
}

.woocommerce ul.products li.product .price ins {
    text-decoration: none;
}

/* 响应式 - 与 index.html 一致 */
@media (max-width: 1024px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .woocommerce ul.products {
        grid-template-columns: 1fr;
    }
}

/* ============================================
   WooCommerce 单品页、相关产品 - 图片区域一致
   ============================================ */

/* 单品页主图 */
.woocommerce div.product div.images .woocommerce-product-gallery__image,
.woocommerce div.product div.images img {
    aspect-ratio: 1;
    object-fit: cover;
}

.woocommerce div.product div.images {
    margin-bottom: 1.5rem;
}

/* 相关产品 / 推荐产品 */
.woocommerce .related.products ul.products,
.woocommerce .upsells.products ul.products,
.woocommerce .cross-sells ul.products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .woocommerce .related.products ul.products,
    .woocommerce .upsells.products ul.products,
    .woocommerce .cross-sells ul.products {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .woocommerce .related.products ul.products,
    .woocommerce .upsells.products ul.products,
    .woocommerce .cross-sells ul.products {
        grid-template-columns: 1fr;
    }
}