products grid css fx

packages/TPS/Shop/publishable/assets/styles/categories-tv.css

@@ -195,7 +195,7 @@
 }
 
 .item-section-filter-menu {
-    max-width: 35rem;
+    max-width: 25rem;
     width: 100%;
     min-width: 25rem;
     margin-right: 4rem;
@@ -441,7 +441,7 @@
 
 /* PRODUCT BLOCK ================================= */
 .item-section-products {
-    max-width: 89rem;
+    max-width: 100rem;
     width: 100%;
 }
 
@@ -806,9 +806,9 @@
 .gridded-view {
     display: -ms-grid;
     display: grid;
-    grid-template-columns: 1fr 1fr 1fr;
-    -ms-grid-column: 1fr 1fr 1fr;
-    gap: 4rem;
+    grid-template-columns: 1fr 1fr 1fr 1fr;
+    -ms-grid-column: 1fr 1fr 1fr 1fr;
+    gap: 1rem;
 }
 
 .cube-view {
@@ -840,8 +840,8 @@
 }
 
 .cube-view .product-description {
-    padding: 2rem 0;
-    margin: 0 3.5rem;
+    padding: 1rem 0;
+    margin: 0 2rem;
     text-align: center;
 }
 
@@ -868,7 +868,6 @@
 .cube-view .product-buy {
     width: 80%;
     padding: 0rem;
-    margin: 0rem;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
@@ -882,7 +881,7 @@
     justify-content: center;
     position: relative;
     padding-bottom: 2rem;
-    margin: 5.4rem 0rem 0 0rem;
+    margin: 0.4rem 0rem 0 0rem;
     gap: 3rem;
 }