fix: remove conflicting css classes

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/controllers/daytrip_controller.js

@@ -55,7 +55,8 @@ export default class extends Controller {
             })
     }
 
-    loadingValueChanged() {
-        this.loadingIndicatorTarget.classList.toggle('hidden', this.loadingValue === false)
+    loadingValueChanged(isLoading) {
+        this.loadingIndicatorTarget.classList.toggle('hidden', false === isLoading)
+        this.loadingIndicatorTarget.classList.toggle('flex', true === isLoading)
     }
 }

public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/Detail.html

@@ -316,7 +316,7 @@
                 </div>
                 <div class="flex-1 md:pl-4">
                     <div data-daytrip-target="container"></div>
-                    <div class="hidden flex items-center space-x-2"
+                    <div class="hidden items-center space-x-2"
                          data-daytrip-target="loadingIndicator">
                         <span>Loading...</span>
                         <f:image class="block w-4 h-4" src="EXT:ep_theme/Resources/Public/images/ajax-loader-white.gif" alt="Loading"/>