/* ES custom CSS - enabled 2026-07-08.
   Mobile collection-banner LCP fix (see 08_GOOGLE_ADS_AUDIT/Mobile_LP_Speed_Audit_2026-07-08.md):
   paints the mobile banner image immediately instead of waiting for the JS entrance animation.
   Mobile-only by construction: .background-image--mobile is display:none at >=720px widths.
   Desktop banner animation unchanged. Delete this file + set useCustomCSS to false in
   snippets/theme-globals.liquid to roll back. */
html.do-anim .collection-banner__image.background-image--mobile.animation--lazy-load:not(.loaded) > * { visibility: visible !important; }
html.do-anim .collection-banner__image.background-image--mobile .image__img { opacity: 1 !important; transform: none !important; transition: none !important; }
html.do-anim .collection-banner__image.background-image--mobile.animation--lazy-load:not(.loaded)::before,
html.do-anim .collection-banner__image.background-image--mobile.animation--lazy-load:not(.loaded)::after { content: none !important; animation: none !important; }