/* 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: #000000; color: #fff; } :global(.vtex-numeric-stepper__input) { border-right: none; border-left: none; } :global(.vtex-numeric-stepper__minus-button) { background: #fff; } :global(.vtex-numeric-stepper__minus-button) :global(.vtex-numeric-stepper__minus-button__text) { font-size: 16px; line-height: 22px; color: #000000; } :global(.vtex-numeric-stepper__plus-button) { background: #fff; } :global(.vtex-numeric-stepper__plus-button) :global(.vtex-numeric-stepper__plus-button__text) { font-size: 16px; line-height: 22px; color: #000000; } .productNameContainer { font-weight: 300; font-size: 20px; line-height: 34px; text-align: right; color: #575757; } .skuSelectorContainer { display: flex; flex-direction: column; } .skuSelectorContainer .skuSelectorSubcontainer--cor { order: 2; } .skuSelectorContainer .skuSelectorSubcontainer--cor .frameAround, .skuSelectorContainer .skuSelectorSubcontainer--cor .skuSelectorImageValue, .skuSelectorContainer .skuSelectorSubcontainer--cor .skuSelectorInternalBox { border-radius: 50%; } .skuSelectorContainer .skuSelectorSubcontainer--cor .frameAround { border-color: #000000; } .skuSelectorContainer .skuSelectorSubcontainer--cor .skuSelectorTextContainer .skuSelectorName { font-size: 0; } .skuSelectorContainer .skuSelectorSubcontainer--cor .skuSelectorTextContainer .skuSelectorName::after { content: "OUTRAS CORES"; font-size: 14px; line-height: 19px; font-weight: 400; color: #929292; } .skuSelectorContainer .skuSelectorSubcontainer--cor .skuSelectorTextContainer .skuSelectorSelectorImageValue { display: none; } .skuSelectorContainer .skuSelectorSubcontainer--tamanho .skuSelectorItemTextValue { padding: 0; margin: auto; font-size: 14px; line-height: 19px; } .skuSelectorContainer .skuSelectorSubcontainer--tamanho .frameAround, .skuSelectorContainer .skuSelectorSubcontainer--tamanho .skuSelectorInternalBox { border-radius: 50%; width: 40px; height: 40px; } .skuSelectorContainer .skuSelectorSubcontainer--tamanho .frameAround { top: -2px; bottom: 0; left: 0; right: 0; z-index: 2; border-color: #000000; } .skuSelectorContainer .skuSelectorSubcontainer--tamanho .skuSelectorTextContainer .skuSelectorName { font-size: 0; } .skuSelectorContainer .skuSelectorSubcontainer--tamanho .skuSelectorTextContainer .skuSelectorName::after { content: "OUTROS TAMANHOS:"; font-size: 14px; line-height: 19px; font-weight: 400; color: #929292; } .skuSelectorContainer .skuSelectorSubcontainer--tamanho .skuSelectorTextContainer .skuSelectorImageValue { display: none; } .skuSelectorContainer .skuSelectorSubcontainer--tamanho .diagonalCross { left: 3px; top: 2px; right: 5px; bottom: 3px; transform: rotateY(180deg); } .skuSelectorItem--sku-size-selected .skuSelectorItemTextValue-sku-size { color: #000000; } .skuSelectorItemTextValue { color: rgba(185, 185, 185, 0.6); } .productImageTag { max-width: 664px; } .address-form__field .input__label { font-size: 40px; } .shippingContainer { display: flex; } .shippingContainer :global(.vtex-address-form__postalCode) { display: flex; } .shippingContainer :global(.vtex-input-prefix__group) { width: 280px; height: 49px; border-radius: 0; } .shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) { position: relative; left: 32px; padding: 0; margin-top: 25px; text-decoration: underline; font-weight: 400; font-size: 12px; line-height: 16px; display: flex; align-items: center; } .shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) :last-child { font-weight: 400; font-size: 12px; line-height: 16px; text-decoration: underline; color: #000000; } .shippingContainer :global(.vtex__icon-external-link) { display: none; } .shippingContainer :global(.vtex-button) { position: relative; right: 148px; height: 49px; width: 49px; margin-top: 27px; font-size: 0; border: 0; border-radius: 0; background: #000000; cursor: pointer; } .shippingContainer :global(.vtex-button)::after { content: "OK"; font-weight: 600; font-size: 14px; line-height: 19px; color: #fff; } .shippingContainer :global(.vtex-button__label) { height: fit-content; } .shippingContainer :global(.vtex-input__label) { font-size: 0px; } .shippingContainer :global(.vtex-input__label)::after { content: "CALCULAR FRETE"; font-weight: 400; font-size: 14px; line-height: 19px; color: #929292; } .shippingTable { display: flex; flex-direction: column; } .shippingTable .shippingTableHead { display: block; } .shippingTable .shippingTableRow { display: flex; flex-direction: row; } .shippingTable .shippingTableRow .shippingTableHeadDeliveryName { font-weight: 400; font-size: 14px; line-height: 19px; text-transform: uppercase; color: #202020; } .shippingTable .shippingTableRow .shippingTableHeadDeliveryEstimate { display: flex; order: 3; font-weight: 400; font-size: 14px; line-height: 19px; text-transform: uppercase; color: #202020; } .shippingTable .shippingTableRow .shippingTableHeadDeliveryPrice { display: flex; order: 2; font-size: 0; } .shippingTable .shippingTableRow .shippingTableHeadDeliveryPrice::after { content: "FRETE"; font-weight: 400; font-size: 14px; line-height: 19px; color: #202020; } .shippingTableBody .shippingtableRow { display: flex; flex-direction: row; } .shippingTableBody .shippingTableCellDeliveryEstimate { display: flex; order: 3; } .shippingTableBody .shippingTableRadioBtn { display: none; }