/* 0 - 600PX: Phone 600 - 900px: Table portrait 900 - 1200px: Tablet landscape [1200 - 1800] is where our nortal styles apply 1800px + : Big desktop */ /* Media Query M3 */ /* Grid breakpoints */ .newsletter { background: red; } .productImageTag--ImgsMain--main { object-fit: unset !important; } @media screen and (max-width: 1024px) { .productImageTag--ImgsMain--main { max-height: 994px !important; } } .productImagesThumb { width: 13.605% !important; margin: 0 16px 0 0; max-width: 90px; } .productNameContainer--quickview { display: flex; justify-content: end; font-family: "Open Sans"; font-style: normal; font-weight: 300; font-size: 20px; line-height: 34px; color: #575757; } @media screen and (max-width: 1024px) { .productNameContainer--quickview { justify-content: flex-start; padding-top: 32px; } } :global(.vtex-product-identifier-0-x-product-identifier--productReference) { display: flex; justify-content: end; margin-bottom: 24px; font-family: "Open Sans"; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; color: rgba(146, 146, 146, 0.48); } @media screen and (max-width: 1024px) { :global(.vtex-product-identifier-0-x-product-identifier--productReference) { justify-content: flex-start; } } .skuSelectorContainer--inverseOrder { display: flex; flex-direction: column-reverse; } .skuSelectorContainer--inverseOrder .skuSelectorSubcontainer--cor .skuSelectorTextContainer::before { content: "Outras cores:"; font-family: "Open Sans"; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; color: #929292; text-transform: uppercase; } .skuSelectorContainer--inverseOrder .skuSelectorSubcontainer--cor .skuSelectorName, .skuSelectorContainer--inverseOrder .skuSelectorSubcontainer--cor .skuSelectorNameSeparator, .skuSelectorContainer--inverseOrder .skuSelectorSubcontainer--cor .skuSelectorSelectorImageValue { font-size: 0; } .skuSelectorContainer--inverseOrder .skuSelectorSubcontainer--tamanho .skuSelectorTextContainer::before { content: "Outros Tamanhos:"; font-family: "Open Sans"; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; color: #929292; text-transform: uppercase; } .skuSelectorContainer--inverseOrder .skuSelectorSubcontainer--tamanho .skuSelectorName { font-size: 0; } .skuSelectorContainer--inverseOrder .skuSelectorItem--inverseOrder { width: 40px; height: 40px; border-radius: 50%; } .skuSelectorContainer--inverseOrder .skuSelectorItem--inverseOrder--selected .frameAround--inverseOrder { border: 2px solid #000000; top: -2px; left: -2px; right: -2px; bottom: -2px; } .skuSelectorContainer--inverseOrder .skuSelectorItem--inverseOrder--selected .skuSelectorItemTextValue--inverseOrder { color: #000000; } .skuSelectorContainer--inverseOrder .skuSelectorItem--inverseOrder--selected .skuSelectorInternalBox--inverseOrder { border: none; } .skuSelectorContainer--inverseOrder .skuSelectorItemTextValue--inverseOrder { padding: 0; font-family: "Open Sans"; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; color: rgba(185, 185, 185, 0.6); } .skuSelectorContainer--inverseOrder .frameAround--inverseOrder { border-radius: 50%; } .skuSelectorContainer--inverseOrder .skuSelectorInternalBox--inverseOrder { border-radius: 50%; width: 40px; height: 40px; border-color: #989898; } .skuSelectorContainer--inverseOrder .diagonalCross--inverseOrder { border-radius: 50%; } .shippingContainer { display: flex; } .shippingContainer :global(.vtex-address-form__field--small) { display: flex; } .shippingContainer :global(.vtex-input-prefix__group) { height: 49px; border: 1px solid #CCCCCC; border-radius: 0; } .shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) { display: flex; position: relative; left: 150px; align-items: center; padding-top: 16.1px; text-decoration: underline; } @media screen and (max-width: 600px) { .shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) { left: 55px; } } @media screen and (max-width: 490px) { .shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) { left: -85px; top: 50px; } } @media screen and (max-width: 450px) { .shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) { left: -112px; top: 50px; } } @media screen and (max-width: 375px) { .shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) { left: -78px; top: 50px; } } .shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) :last-child { color: black; } .shippingContainer :global(.vtex__icon-external-link) { display: none; } .shippingContainer :global(.vtex-button) { display: flex; width: 49px; height: 49px; position: relative; right: 129px; margin-top: 24px; background-color: #000000; font-size: 0; border: none; border-radius: 0; } @media screen and (max-width: 490px) { .shippingContainer :global(.vtex-button) { right: 31%; } } @media screen and (max-width: 425px) { .shippingContainer :global(.vtex-button) { right: 24%; } } @media screen and (max-width: 375px) { .shippingContainer :global(.vtex-button) { right: 40px; } } .shippingContainer :global(.vtex-button) ::before { content: "Ok"; font-weight: 600; font-size: 14px; line-height: 19px; color: #fff; } .shippingTable { display: flex; padding: 0; margin: 0; border: none; flex-direction: column; } .shippingTable .shippingTableHead { display: flex; } .shippingTable .shippingTableHead .shippingTableHeadDeliveryName, .shippingTable .shippingTableHead .shippingTableHeadDeliveryEstimate, .shippingTable .shippingTableHead .shippingTableHeadDeliveryPrice { display: flex; font-family: "Open Sans"; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; color: #202020; text-transform: uppercase; } .shippingTable .shippingTableHead .shippingTableHeadDeliveryEstimate { order: 1; min-width: 145px; } .shippingTable .shippingTableHead .shippingTableHeadDeliveryName { min-width: 100px; } .shippingTable .shippingTableHead .shippingTableHeadDeliveryPrice { min-width: 70px; } .shippingTable .shippingTableRow { display: flex; gap: 32px; margin-bottom: 15px; } .shippingTable .shippingTableRow .shippingTableCellDeliveryName, .shippingTable .shippingTableRow .shippingTableCellDeliveryEstimate, .shippingTable .shippingTableRow .shippingTableCellDeliveryPrice { display: flex; font-family: "Open Sans"; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; color: #afafaf; padding: 0; } .shippingTable .shippingTableRow .shippingTableCellDeliveryEstimate { order: 1; min-width: 145px; } .shippingTable .shippingTableRow .shippingTableCellDeliveryName { min-width: 100px; } .shippingTable .shippingTableRow .shippingTableCellDeliveryPrice { min-width: 70px; } .shippingTable .shippingTableRadioBtn { display: none; } .productDescriptionContainer--descriptioncontent1 { margin-bottom: 16px; } .productDescriptionTitle--descriptioncontent1 { font-style: normal; font-weight: 400; font-size: 24px; line-height: 32px; margin-bottom: 8px; } .content--descriptioncontent1, .content--descriptioncontent2 { font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; } @media screen and (max-width: 1024px) { .productImagesGallerySlide--ImgsMain { width: 100% !important; } }