style: update CSS for improved interactivity and layout responsiveness

- Add cursor pointer to breadcrumbs and product image wrappers for better user interaction
- Modify saved items grid to use auto-fill for responsive column layout
- Adjust product image scaling for enhanced visual presentation

Author: xlab0o7

result-style.css

@@ -42,6 +42,7 @@
 
 .breadcrumbs {
     width: fit-content;
+    cursor: pointer;
     /* padding: 0 190px; */
     margin: 15px 20px 15px 190px;
     font-size: 16px;
@@ -1869,7 +1870,7 @@
 /* Product Grid */
 .saved-items-grid {
     display: grid;
-    grid-template-columns: repeat(4, 1fr);
+    grid-template-columns: repeat(auto-fill, minmax(184px, 1fr));
     /* gap: 10px; */
 }
 
@@ -1897,6 +1898,7 @@
 
 .product-image-wrappers img {
     /* object-fit: contain; */
+    transform: scale(0.8);
     mix-blend-mode: multiply;
     background-image: var(--text-muted);
 

style.css

@@ -22,7 +22,7 @@ a:hover {
 }
 
 .footer-wrapper {
-  min-width: 100%;
+  width: 100%;
   background-color: #ffffff;
   padding-top: 25px;
 }
@@ -146,7 +146,7 @@ a:hover {
 }
 
 /* Responsive Adjustments */
-@media (max-width: 1100px) {
+/* @media (max-width: 1100px) {
   .footer-top {
     grid-template-columns: 1fr 0.5fr 0.5fr;
   }
@@ -155,15 +155,15 @@ a:hover {
   .footer-get-app {
     grid-column: 1 / -1;
   }
-}
+} */
 
 @media (max-width: 768px) {
   .footer-top {
     grid-template-columns: 1fr 0.5fr;
   }
 }
 
-@media (max-width: 576px) {
+/* @media (max-width: 576px) {
 
   .footer-wrapper,
   .footer-top {
@@ -199,7 +199,7 @@ a:hover {
     padding-top: 20px;
     padding-bottom: 20px;
   }
-}
+} */
 
 .newsletter-section {
   background-color: #EFF2F4;
@@ -1513,6 +1513,7 @@ a:hover {
   padding: 0;
   display: flex;
   align-items: center;
+  cursor: pointer;
 }
 
 .breadcrumb-item {