diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css
index bdfabff..cd8c60b 100644
--- a/react/components/Html/styles.css
+++ b/react/components/Html/styles.css
@@ -22,5 +22,13 @@
}
+@media (min-width: 1921px) {
+ [class*="html--slide-k"] {
+ padding: 0 360px 0 360px;
+ }
+
+
+}
+
diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc
index 7189b77..285a058 100644
--- a/store/blocks/pdp/product.jsonc
+++ b/store/blocks/pdp/product.jsonc
@@ -524,6 +524,7 @@
},
"html#slider-layout#carousel":{
"props": {
+ "blockClass": "slide-k",
"testId":"product-summary-list"
},
diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css
index bf63092..a36d6d5 100644
--- a/styles/css/vtex.flex-layout.css
+++ b/styles/css/vtex.flex-layout.css
@@ -99,4 +99,10 @@
.html--size-buy-button {
width: 100%;
+}
+
+@media only screen and (min-width: 1921px) {
+ .flexRow--product-main {
+ padding: 0 360px 0 360px;
+ }
}
\ No newline at end of file
diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css
index f66c706..591859a 100644
--- a/styles/css/vtex.store-components.css
+++ b/styles/css/vtex.store-components.css
@@ -19,6 +19,11 @@
padding: 0;
}
}
+@media only screen and (min-width: 1921px) {
+ .container {
+ padding: 0;
+ }
+}
.container .productImagesGallerySlide {
width: 100% !important;
}
diff --git a/styles/css/vtex.tab-layout.css b/styles/css/vtex.tab-layout.css
index ae73603..f9e8056 100644
--- a/styles/css/vtex.tab-layout.css
+++ b/styles/css/vtex.tab-layout.css
@@ -76,6 +76,11 @@
border-top: 1px solid #BFBFBF;
}
}
+@media only screen and (min-width: 1921px) {
+ .container--Descricao {
+ padding: 0 360px 0 360px;
+ }
+}
@media only screen and (max-width: 1024px) {
.listItem--DescricaoTab :global(.vtex-button) {
diff --git a/styles/sass/pages/product/vtex.flex-layout.scss b/styles/sass/pages/product/vtex.flex-layout.scss
index 1615958..2f10488 100644
--- a/styles/sass/pages/product/vtex.flex-layout.scss
+++ b/styles/sass/pages/product/vtex.flex-layout.scss
@@ -105,4 +105,10 @@ margin-left: 10px;
.html--size-buy-button{
width: 100%;}
+ .flexRow--product-main{
+ @include mq (xl, min) {
+ padding: 0 360px 0 360px;
+ }
+ }
+
diff --git a/styles/sass/pages/product/vtex.slider-layout.scss b/styles/sass/pages/product/vtex.slider-layout.scss
index 23f69bb..b9ec42d 100644
--- a/styles/sass/pages/product/vtex.slider-layout.scss
+++ b/styles/sass/pages/product/vtex.slider-layout.scss
@@ -20,7 +20,6 @@
.sliderLayoutContainer--carousel {
margin-bottom: 64px;
padding: 0 40px 0 40px;
-
.sliderLeftArrow--carousel {
visibility: hidden;
diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss
index 3052d0d..ee3eead 100644
--- a/styles/sass/pages/product/vtex.store-components.scss
+++ b/styles/sass/pages/product/vtex.store-components.scss
@@ -8,6 +8,9 @@
@include mq (md, max) {
padding: 0;
}
+ @include mq (xl, min) {
+ padding: 0;
+ }
.productImagesGallerySlide {
width: 100% !important;
@@ -521,7 +524,7 @@
font-size: 32px;
}
-
+
}
.productDescriptionText {
diff --git a/styles/sass/pages/product/vtex.tab-layout.scss b/styles/sass/pages/product/vtex.tab-layout.scss
index 0cc2fa4..64f0b3e 100644
--- a/styles/sass/pages/product/vtex.tab-layout.scss
+++ b/styles/sass/pages/product/vtex.tab-layout.scss
@@ -76,6 +76,9 @@
border-top: 1px solid $color-gray7;
}
+ @include mq (xl, min) {
+ padding: 0 360px 0 360px;
+ }
}
.listItem--DescricaoTab{