/** * Shopify Products Hide - Critical CSS * * This CSS hides hardcoded/placeholder products immediately to prevent * flash of incorrect content before JavaScript loads Shopify data. * * Previously inline in products.js lines 14-76 - moved to external file * for better performance (loads in without waiting for JS parsing) * * @version 1.0.0 */ /* Hide hardcoded products immediately */ .products-container:not(.shopify-loaded) > *, .product-grid-container:not(.shopify-loaded) > *, .product-grid:not(.shopify-loaded) > * { opacity: 0 !important; pointer-events: none !important; visibility: hidden !important; } /* Always hide legacy/hardcoded images regardless of container state */ .products-container img[src*="/assets/images/"], .products-container img[src*="d3nn9jcidi1lkh.cloudfront.net"], .products-container img[src*="cdn-images.italist.com"], .product-grid-container img[src*="/assets/images/"], .product-grid-container img[src*="d3nn9jcidi1lkh.cloudfront.net"], .product-grid-container img[src*="cdn-images.italist.com"], .product-grid img[src*="/assets/images/"], .product-grid img[src*="d3nn9jcidi1lkh.cloudfront.net"], .product-grid img[src*="cdn-images.italist.com"] { display: none !important; visibility: hidden !important; opacity: 0 !important; } /* Always show Shopify images in loaded containers */ .products-container.shopify-loaded img[src*="cdn.shopify.com"], .product-grid-container.shopify-loaded img[src*="cdn.shopify.com"], .product-grid.shopify-loaded img[src*="cdn.shopify.com"] { display: block !important; visibility: visible !important; opacity: 1 !important; } /* Ensure loaded containers show all children */ .products-container.shopify-loaded > *, .product-grid-container.shopify-loaded > *, .product-grid.shopify-loaded > * { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } /* Ensure product cards are visible */ .shopify-loaded .product-card, .shopify-loaded .product-card-wrapper { display: block !important; opacity: 1 !important; visibility: visible !important; }