feat(home): estruturando scss em novas pastas organizadas

store/blocks/pdp/product.jsonc

@@ -215,8 +215,8 @@
     "children": [
       "flex-layout.row#product-name",
       "product-identifier.product",
-      "sku-selector",
-      "flex-layout.row#availability"
+      "flex-layout.row#availability",
+      "sku-selector"
     ]
   },
   "flex-layout.row#availability": {

styles/css/vtex.slider-layout.css

@@ -12,6 +12,7 @@
   background: unset;
   width: 71.87%;
   margin: 0 auto 64px;
+  padding-top: 16px;
 }
 @media (min-width: 769px) and (max-width: 1024px) {
   .sliderLayoutContainer--carousel {

styles/css/vtex.tab-layout.css

@@ -104,7 +104,7 @@
 }
 @media (min-width: 769px) and (max-width: 1024px), (min-width: 280px) and (max-width: 768px) {
   .contentContainer--description-content {
-    padding-bottom: 16px;
+    padding: 0 0 16px;
     border-bottom: 1px solid #BFBFBF;
   }
 }

styles/sass/pages/product/vtexSlider/vtex.slider-layout.scss

@@ -2,6 +2,7 @@
   background: unset;
   width: 71.87%;
   margin: 0 auto 64px;
+  padding-top: 16px;
 
   @media #{$mq-tablet} {
     min-height: 306px;

styles/sass/pages/product/vtexTab/vtex.tab-layout.scss

@@ -94,7 +94,7 @@
   padding: 0 32px;
 
   @media #{$mq-tablet}, #{$mq-mobile}{
-    padding-bottom: 16px;
+    padding: 0 0 16px;
     border-bottom: 1px solid #BFBFBF;
   }