.html--pdp-breadcrumb { margin: 0 40px; } .html--product-summary-container { margin: 0 40px; } @media screen and (min-width: 1920px) { .html--pdp-breadcrumb { margin: 0 360px; } .html--product-summary-container { margin: 0 360px; } } @media screen and (min-width: 768px) { .html--quantity-and-button { display: flex; } } /*buy-button*/ /* [class*="flexRowContent--btn-product"] button { background-color: black; border-color: black; max-width: 526px; width: 100%; height: 49px; display: flex; border-radius: 0px; } [class*="flexRowContent--btn-product"] button:hover { background-color: rgb(41, 41, 41); border-color: black; } [class*="flexRowContent--btn-product"] button span { font-size: 0px; } [class*="flexRowContent--btn-product"] button span::after { content: "ADICIONAR À SACOLA"; font-size: 14px; font-family: "Open Sans", sans-serif; } */ [class*="pix-container"] { display: flex; align-items: center; margin: 10px 0; } [class*="pix_price-container"] { display: flex; flex-direction: column; margin-left: 20px; font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 25px; color: rgba(0, 0, 0, 0.58); } [class*="pix_discount-container"] p { display: inline; font-family: 'Open Sans'; font-style: normal; font-weight: 300; font-size: 13px; line-height: 18px; color: #929292; } /*Cep-link*/ [class*="vtex-address-form__postalCode-forgottenURL"] a { color: black; } [class*="vtex-address-form__postalCode-forgottenURL"] a:hover { color: black; text-decoration: underline; } [class*="vtex-address-form__postalCode-forgottenURL"] span { display: none; } /*Description*/ [class*="vtex-tab-layout-0-x-listItem"] { margin: 0; padding: 0; } [class*="vtex-tab-layout-0-x-listItem"] button { text-transform: capitalize; font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 18px; color: #BFBFBF; } [class*="vtex-tab-layout-0-x-listItem"] button:hover { color: black; border-bottom: 2px solid black; background-color: white; border-radius: 0; } [class*="vtex-tab-layout-0-x-listItemActive"] button { color: black; background-color: white; border: none; border-bottom: 2px solid black; border-radius: 0; } [class*="vtex-tab-layout-0-x-listItemActive"] button:hover { background-color: white; border-bottom: 4px solid black; color: black; } @media screen and (max-width: 1024px) { [class*="vtex-tab-layout-0-x-listItem"] button { border: none; width: 100%; display: flex; } [class*="vtex-tab-layout-0-x-listItemActive"] button { width: 100%; display: flex; border: none; } }