/* Get Look 产品网格修复样式 - 完全使用WooCommerce原生样式 */

/* 产品容器 - 最小化干预 */
.get-look-popup .get-look-products-wrapper {
    padding: 25px !important;
    width: 100% !important;
    overflow: visible !important;
}

/* 使用Grid布局确保2列显示 */
.get-look-popup .get-look-products-wrapper .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 确保产品项正确显示 */
.get-look-popup .get-look-products-wrapper .woocommerce ul.products li.product {
    margin: 0 !important;
    width: 100% !important;
    padding: 10px !important;
}

/* 产品图片容器 - 确保只显示一张图片 */
.get-look-popup .get-look-products-wrapper .woocommerce ul.products li.product .ct-media-container {
    position: relative !important;
    overflow: hidden !important;
}

/* 主图默认显示 */
.get-look-popup .get-look-products-wrapper .woocommerce ul.products li.product .ct-media-container img:first-child {
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 1 !important;
}

/* 副图默认隐藏 */
.get-look-popup .get-look-products-wrapper .woocommerce ul.products li.product .ct-media-container img:last-child {
    opacity: 0 !important;
    visibility: hidden !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 2 !important;
    transition: opacity 0.3s ease, visibility 0.3s ease !important;
}

/* 悬停时显示副图，隐藏主图 */
.get-look-popup .get-look-products-wrapper .woocommerce ul.products li.product:hover .ct-media-container img:last-child {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 悬停时主图淡出 */
.get-look-popup .get-look-products-wrapper .woocommerce ul.products li.product:hover .ct-media-container img:first-child {
    opacity: 0 !important;
}

/* 调整产品图片宽高比 */
.get-look-popup .get-look-products-wrapper .woocommerce ul.products li.product img {
    aspect-ratio: 1/1 !important;
    object-fit: cover !important;
    width: 100% !important;
    transition: opacity 0.3s ease !important;
}

/* 移动端保持2列显示 */
@media (max-width: 768px) {
    .get-look-popup .get-look-products-wrapper {
        padding: 15px !important;
    }
    
    .get-look-popup .get-look-products-wrapper .woocommerce ul.products {
        gap: 10px !important;
    }
    
    /* 移动端产品图片调整 */
    .get-look-popup .get-look-products-wrapper .woocommerce ul.products li.product img {
        aspect-ratio: 1/1 !important;
    }
}