Refactor CSS and JavaScript for product comparison and wishlist functionality

- Updated `dr_materac.scss` to hide the compare/wishlist button by default.
- Enhanced JavaScript in `detail1526395446.tpl` to safely add an event listener for the opinions section link, ensuring it only attaches if the element exists.
- Cleaned up the `product-add-to-cart.tpl` by uncommenting the compare/wishlist button section for better visibility in the UI.

themes/leo_gstore/assets/css/dr_materac.scss

@@ -5904,4 +5904,8 @@ body:not(#index) {
   a {
     font-size: 14px;
   }
+}
+
+.leo-compare-wishlist-button {
+  display: none !important;
 }

themes/leo_gstore/modules/appagebuilder/views/templates/front/details/detail1526395446.tpl

@@ -500,8 +500,15 @@
         {/if}
       </div>
       <script>
-        document.querySelector('a[href="#opinions-sections"]').addEventListener('click', function(e) {
-          e.preventDefault();
+        document.addEventListener('DOMContentLoaded', function() {
+          const opinionLink = document.querySelector('a[href="#opinions-sections"]');
+
+          // Nadal warto dodać sprawdzenie 'if', na wypadek gdyby elementu w ogóle nie było
+          if (opinionLink) {
+              opinionLink.addEventListener('click', function(e) {
+                e.preventDefault();
+              });
+          }
         });
       </script>
       <a href="#opinions-sections" style="display:flex; gap:10px;">

themes/leo_gstore/templates/catalog/_partials/product-add-to-cart.tpl

@@ -66,10 +66,10 @@
             <i class="material-icons shopping-cart">&#xE547;</i>
             {l s='Add to cart' d='Shop.Theme.Actions'}
           </button>
-          <!--           <div class="leo-compare-wishlist-button">
+          <div class="leo-compare-wishlist-button">
             {hook h='displayLeoWishlistButton' product=$product}
             {hook h='displayLeoCompareButton' product=$product}
-          </div> -->
+          </div>
         </div>
       </div>
     {/block}