/* Animate composited card layers; keep loading feedback out of document flow. */
.catalogue .plant-finder-results{position:relative;transition:opacity .2s ease}
.catalogue.is-updating .plant-finder-results{opacity:.78;transition:opacity .2s ease}
.catalogue .plant-image{background:#edf0e6}
.catalogue .plant-image img{transition:opacity .26s ease,transform .4s ease}
.catalogue .plant-image img.is-image-pending{opacity:0}
.catalogue .catalogue-update:not([hidden]):not(.is-complete){position:fixed;z-index:85;right:24px;bottom:24px;margin:0;padding:10px 16px;max-width:min(420px,calc(100vw - 32px));border:1px solid #d7dfce;border-radius:12px;background:#fcfcf7;box-shadow:0 5px 20px #244b3512;animation:catalogue-feedback-in .18s ease both}
.catalogue.is-updating .plant-finder-results::before{content:'';position:absolute;top:-8px;left:0;width:80px;height:2px;border-radius:2px;background:#718b60;pointer-events:none;animation:catalogue-working 1.1s ease-in-out infinite}
.catalogue .plant-load-more{min-height:125px}
.catalogue .plant-load-more p{min-height:22px}
.catalogue .plant-load-more button{min-width:180px;transition:opacity .18s ease,background .18s ease}
.catalogue .plant-load-more button:disabled{opacity:.65;cursor:progress}
@keyframes catalogue-feedback-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes catalogue-working{0%,100%{opacity:.3;transform:scaleX(.35);transform-origin:left}50%{opacity:1;transform:scaleX(1);transform-origin:left}}
@media(max-width:700px){.catalogue .catalogue-update:not([hidden]):not(.is-complete){bottom:calc(82px + env(safe-area-inset-bottom,0px));right:16px}}
@media(prefers-reduced-motion:reduce){.catalogue .plant-finder-results,.catalogue.is-updating .plant-finder-results,.catalogue .plant-image img,.catalogue .plant-load-more button{transition:none}.catalogue .catalogue-update:not([hidden]):not(.is-complete),.catalogue.is-updating .plant-finder-results::before{animation:none}}
/* Growing the list must not pin the viewport to the moving load button/footer. */
.catalogue .plant-load-more,.catalogue~.footer{overflow-anchor:none}