@charset "UTF-8"; /* 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; } .carouselContainer { flex-direction: column-reverse; } .container { padding: 0; } .productNameContainer { font-weight: 300; font-size: 20px; line-height: 34px; color: #575757; text-align: right; } .carouselGaleryCursor { margin: 0; padding: 0; } .carouselGaleryThumbs { position: relative; margin-top: 16px; } .productImageTag--main { max-height: 664px !important; } .productImagesThumb { margin: 0; margin-right: 16px; width: 90px !important; height: 90px !important; border-radius: 8px; } .figure--video { width: 90px !important; height: 90px !important; border-radius: 8px; } .thumbImg--video { height: 100%; border-radius: 8px; } .productImagesThumbActive .carouselThumbBorder { background: linear-gradient(0deg, rgba(0, 0, 0, 0.33), rgba(0, 0, 0, 0.33)); border-radius: 8px; } .skuSelectorContainer { display: flex; flex-direction: column-reverse; } .skuSelectorSubcontainer--tamanho { margin-top: 16px; margin-bottom: 10px; } .skuSelectorSubcontainer--cor { margin-bottom: 16px; } .skuSelectorNameContainer { margin: 0; } .skuSelectorTextContainer { font-weight: 400; font-size: 14px; line-height: 19px; color: #929292; } .skuSelectorName, .skuSelectorSelectorImageValue { font-size: 0; } .skuSelectorSubcontainer--tamanho .skuSelectorName::after { content: "OUTROS TAMANHOS:"; font-size: 14px; } .skuSelectorSubcontainer--cor .skuSelectorName::after { content: "OUTRAS CORES"; font-size: 14px; } .skuSelectorItem { height: 40px; margin: 0; } .skuSelectorOptionsList { margin: 0; display: flex; gap: 16px; } .skuSelectorInternalBox { width: 40px; height: 40px; border: 1px solid #989898; border-radius: 50%; } .skuSelectorItem--selected .frameAround { border: 2px solid #000000; border-radius: 50%; top: 0; bottom: 0; left: 0; right: 0; width: 40px; height: 40px; z-index: 50; } .valueWrapper { font-size: 14px; line-height: 19px; color: rgba(185, 185, 185, 0.6); padding: 0; text-align: center; } .skuSelectorItem--selected .valueWrapper { color: #000000; } .diagonalCross { background: #d5d5d5; width: 1px; height: 38.18px; left: 19px; top: 1px; transform: rotate(45deg); } .productDescriptionText .container { padding: 0; } .shippingContainer { display: flex; margin-top: 16px; position: relative; } .shippingContainer :global(.vtex-address-form__postalCode) { display: flex; padding: 0; align-items: center; gap: 32px; } .shippingContainer :global(.vtex-input__label) { font-size: 0; } .shippingContainer :global(.vtex-input__label)::after { content: "CALCULAR FRETE:"; font-size: 14px; line-height: 19px; color: #929292; } .shippingContainer :global(.vtex-input__suffix) { display: none; } .shippingContainer :global(.vtex-input-prefix__group) { width: 280px; height: 49px; border-radius: 0; } .shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) { padding: 0; padding-top: 24.5px; } .shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) :last-child { font-size: 12px; line-height: 16px; display: flex; align-items: center; text-decoration-line: underline; color: #000000; } .shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) :global(.vtex__icon-external-link) { width: 0; } .shippingContainer :global(.vtex-address-form-4-x-input) { font-weight: 400; font-size: 12px; line-height: 16px; } .shippingContainer :global(.vtex-address-form-4-x-input)::placeholder { font-weight: 400; font-size: 12px; line-height: 16px; color: #AFAFAF; } .shippingContainer :global(.vtex-button) { width: 49px; height: 49px; background-color: #000000; border: 0; position: absolute; bottom: 0; left: 232px; } .shippingContainer :global(.vtex-button__label) { font-size: 0; } .shippingContainer :global(.vtex-button__label)::after { content: "Ok"; font-weight: 600; font-size: 14px; line-height: 19px; display: flex; align-items: center; color: #FFFFFF; } .shippingContainer :global(.vtex-input__error) { position: absolute; font-size: 10px; margin-top: 5px; } .shippingTable { border: 0; padding: 0; margin: 16px 0 0; } .shippingTable .shippingTableHead { display: block; } .shippingTable .shippingTableHead .shippingTableRow { display: flex; justify-content: flex-start; align-items: center; text-align: start; font-size: 14px; line-height: 19px; text-transform: uppercase; color: #202020; } .shippingTable .shippingTableHead .shippingTableHeadDeliveryPrice { font-size: 0; } .shippingTable .shippingTableHead .shippingTableHeadDeliveryPrice::after { content: "Frete"; font-size: 14px; } .shippingTable .shippingTableHeadDeliveryName, .shippingTable .shippingTableCellDeliveryName { display: flex; width: 90px; margin-right: 32px; text-align: start; order: 1; } .shippingTable .shippingTableHeadDeliveryEstimate, .shippingTable .shippingTableCellDeliveryEstimate { display: flex; width: 136px; text-align: start; order: 3; } .shippingTable .shippingTableHeadDeliveryPrice, .shippingTable .shippingTableCellDeliveryPrice { display: flex; width: 48px; margin-right: 32px; text-align: start; order: 2; } .shippingTable .shippingTableBody .shippingTableRow { display: flex; margin-top: 15px; } .shippingTable .shippingTableBody .shippingTableCell { font-size: 12px; line-height: 16px; padding: 0; color: #AFAFAF; } .shippingTable .shippingTableBody .shippingTableRadioBtn { display: none; } .productImagesContainer--description { width: 50%; max-height: 632px; } .productDescriptionContainer { width: 50%; } .productDescriptionTitle { font-size: 24px; line-height: 32px; color: #575757; margin-bottom: 8px; } .productDescriptionText { font-size: 16px; line-height: 22px; color: #929292; } .subscriberContainer .content { flex-wrap: wrap; justify-content: start; margin-top: 16px; } .subscriberContainer .title { font-size: 0; } .subscriberContainer .title::after { content: "Produto indisponível"; font-weight: 700; font-size: 14px; line-height: 19px; display: flex; align-items: center; color: #868686; } .subscriberContainer .subscribeLabel { font-size: 0; } .subscriberContainer .subscribeLabel::after { content: "Deseja saber quando estiver disponível?"; font-weight: 400; font-size: 14px; line-height: 19px; display: flex; align-items: center; color: #868686; } .subscriberContainer .input { width: 195.5px; height: 40px; margin: 0; } .subscriberContainer .inputName { margin-right: 8px; } .subscriberContainer :global(.vtex-input-prefix__group) { border: 1px solid #989898; border-radius: 0; } .subscriberContainer :global(.vtex-styleguide-9-x-input) { font-weight: 400; font-size: 12px; line-height: 16px; color: #989898; } .subscriberContainer :global(.vtex-button) { width: 399px; height: 49px; margin-top: 15px; border: 0; background: #000000; } .subscriberContainer :global(.vtex-button__label) { font-size: 0; width: 100%; } .subscriberContainer :global(.vtex-button__label)::after { content: "AVISE-ME"; font-weight: 600; font-size: 18px; line-height: 25px; display: flex; align-items: center; color: #FFFFFF; } .imageElement--pix-image { width: 66px; height: 24px; } @media screen and (max-width: 1024px) { .productImageTag--main { max-height: 994px !important; } .productNameContainer { text-align: start; } .productImagesContainer--description { width: 100%; max-height: 944px; } .productDescriptionContainer { width: 100%; } .productDescriptionText { padding-bottom: 16px; border-bottom: 1px solid #B9B9B9; } .subscriberContainer .content { max-width: 100%; display: flex; } .subscriberContainer .submit { width: 100%; } .subscriberContainer .input { width: 49.3%; max-width: 378.5px; } .subscriberContainer :global(.vtex-button) { width: 100%; } } @media screen and (max-width: 768px) { .shippingContainer :global(.vtex-address-form__postalCode) { flex-direction: column; align-items: flex-end; gap: 8px; width: 100%; } .shippingContainer :global(.vtex-input-prefix__group) { width: 100%; } .shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) { padding: 0; } .shippingContainer :global(.vtex-button) { bottom: 24px; left: calc(100% - 48px); } }