/*
 * Mettahemp — Category Products Visibility Fix
 * Task: 86exatv6x
 *
 * Pattern from sister task choiceammunition (86ewtgyv1) — INCLUDING the 2026-04-24
 * follow-up fix that scopes the override to [data-animate="appear:start"] only.
 *
 * Blocksy's AJAX filter system sets data-animate="appear:start" on .ct-products-container
 * during init, which hides products with opacity:0 + transform:translateY(-20px). The
 * animation-completion JS is lazy-loaded via dynamic_js_chunks and only fires on
 * interaction — so on page load products are invisible.
 *
 * IMPORTANT: scoped to [data-animate="appear:start"] only. A blanket override on all
 * states blocks Blocksy's AJAX filter/sort pipeline because the leave:end CSS transition
 * (opacity 1→0) never fires when computed opacity stays at 1, so transitionend never
 * fires and the AJAX fetch never executes. See ClickUp doc 13256g-146878 for full RCA.
 *
 * After AJAX sort/filter, products appear instantly instead of fade-in — acceptable UX
 * trade-off vs broken filtering.
 */

.ct-products-container[data-animate="appear:start"] [data-products],
.ct-products-container[data-animate="appear:start"] .woocommerce-no-products-found {
	opacity: 1 !important;
	transform: none !important;
}

.ct-products-container[data-animate="appear:start"] > * {
	opacity: 1 !important;
}