.container { padding: 0 40px; @media screen and (min-width: 1920px) { padding: 0 360px; } .listContainer { justify-content: space-between; padding: 0 64px; border-bottom: 1px solid #b9b9b9; @media screen and (max-width: 1024px) { flex-direction: column; padding: 8px 0; border-top: 1px solid #b9b9b9; } .listItem { margin: 0; padding: 0; border-bottom: 2px solid transparent; @media screen and (max-width: 1024px) { border: none; } } .listItemActive { border-bottom: 2px solid $black; @media screen and (max-width: 1024px) { border: none; } } } .listItem :global(.vtex-button) { background-color: transparent; font-style: normal; font-weight: 400; font-size: 18px; line-height: 38px; color: #bfbfbf; text-transform: capitalize; border: none; padding: 0 16px; @media screen and (min-width: 1920px) { font-size: 18px; line-height: 38px; } @media screen and (max-width: 1024px) { padding: 0; } } .listItem :global(.vtex-button__label) { padding: 0 !important; } .listItemActive :global(.vtex-button__label) { color: $black; } .listItemActive :global(.vtex-button) { border: none; border-radius: 0; color: $black; } .contentContainer { padding: 32px 32px 16px; @media screen and (max-width: 1024px) { padding: 16px 0; border-bottom: 1px solid #b9b9b9; } .contentItem { display: flex; gap: 32px; @media screen and (max-width: 1024px) { flex-direction: column; gap: 16px; } } .contentItem :global(.vtex-store-components-3-x-productImagesContainer) { width: 50%; @media screen and (max-width: 1024px) { width: 100%; } } .contentItem :global(.vtex-store-components-3-x-productDescriptionContainer) { width: 50%; @media screen and (max-width: 1024px) { width: 100%; } } .contentItem :global(.vtex-store-components-3-x-productDescriptionTitle) { font-style: normal; font-weight: 400; font-size: 24px; line-height: 32px; color: #575757; margin-bottom: 8px; @media screen and (max-width: 1024px) { font-size: 20px; line-height: 32px; } } .contentItem :global(.vtex-store-components-3-x-container) { height: auto !important; overflow: auto !important; } .contentItem :global(.vtex-store-components-3-x-pointerEventsNone) { display: none; } .contentItem :global(.vtex-store-components-3-x-content) { font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #929292; @media screen and (max-width: 1024px) { font-size: 14px; line-height: 19px; } } } }