:global(.vtex-tab-layout-0-x-container) { padding: 0 40px; margin: 0; @media screen and (min-width: 1920px) and (max-width: 2560px) { margin: 6px 360px; padding: 0; } .listContainer--tabList { border-bottom: 1px solid $gray-100; height: 43px; justify-content: space-between; padding: 0 70px; .listItem { :global(.vtex-button) { &:hover { height: 43px; border: none; background-color: transparent; padding: 0; margin: 0; } } :global(.vtex-button__label) { font-weight: 400; font-size: 18px; line-height: 18px; color: $gray-100; text-transform: capitalize; padding: 0.25em 10px 0.32em; &:hover { padding: 0.25em 10px 0.32em; } } } .listItemActive { :global(.vtex-button) { background-color: white; border: none; } :global(.vtex-button__label) { color: $black; background-color: $white; border-bottom: 2px solid $black; padding: 0.25em 10px 0.32em; &:hover { border-bottom: 2px solid $black; padding: 0.25em 10px 0.32em; } } } } :global(.vtex-tab-layout-0-x-contentContainer) { .contentItem { display: flex; flex-direction: row; gap: 32px; align-items: flex-start; padding: 32px 32px 16px; // :global(.vtex-store-components-3-x-content) { // max-width: 100%; // } .productImagesContainer { width: 50%; max-width: 50%; } :global(.vtex-store-components-3-x-productImageTag) { width: inherit !important; max-width: 632px; display: block; // max-width: 872px; } :global(.vtex-rich-text-0-x-heading) { font-weight: 400; font-size: 24px; line-height: 32px; color: $gray-600; margin-top: 0; } :global(.vtex-rich-text-0-x-paragraph) { font-weight: 400; font-size: 16px; line-height: 22px; color: $gray-500; // width: 50%; } } } }