/* 隐藏多余卡片CSS - 最高优先级 */
/* 这个CSS确保多余的硬编码产品卡片不会显示 */

/* 隐藏类 - 最高优先级 */
.hidden-card,
.shop-col.hidden-card,
.shop-col[aria-hidden="true"],
.shop-col[style*="display: none"],
.shop-col[style*="visibility: hidden"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    pointer-events: none !important;
    user-select: none !important;
}

/* 确保只有有data-product-id的卡片显示 */
.shop-col:not([data-product-id]) {
    display: none !important;
}

/* 响应式隐藏 */
@media (max-width: 768px) {
    .shop-col.hidden-card,
    .shop-col[aria-hidden="true"] {
        display: none !important;
    }
}

/* 动画隐藏 */
@keyframes hideCard {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0);
        display: none;
    }
}

.shop-col.hiding {
    animation: hideCard 0.3s ease forwards !important;
}

/* 打印时隐藏 */
@media print {
    .shop-col.hidden-card,
    .shop-col[aria-hidden="true"] {
        display: none !important;
    }
}