@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; } .productImage .productImageTag--main { object-fit: fill !important; max-height: max-content !important; } .carouselGaleryThumbs { margin-top: 16px; } .productImagesThumb--product-images-pdp { margin-right: 16px; margin-bottom: 0; width: 90px !important; } .productImagesThumb--product-images-pdp:last-child { margin-right: 0; } .container { margin: 0; padding: 0; max-width: none; } .skuSelectorNameContainer { margin: 0; } .productNameContainer { text-align: right; font-weight: 300; font-size: 20px; line-height: 34px; color: #575757; } .skuSelectorContainer { display: flex; flex-direction: column-reverse; } .skuSelectorContainer .skuSelectorSubcontainer--cor .skuSelectorName { font-size: 0; } .skuSelectorContainer .skuSelectorSubcontainer--cor .skuSelectorName::after { content: "Outras cores"; font-weight: 400; font-size: 14px; line-height: 19px; color: #929292; text-transform: uppercase; } .skuSelectorContainer .skuSelectorSubcontainer--tamanho .skuSelectorName { font-size: 0; } .skuSelectorContainer .skuSelectorSubcontainer--tamanho .skuSelectorName::after { content: "Outros tamanhos:"; font-weight: 400; font-size: 14px; line-height: 19px; color: #929292; text-transform: uppercase; } .skuSelectorContainer .skuSelectorSelectorImageValue { display: none; } .skuSelectorContainer .skuSelectorOptionsList { display: flex; gap: 16px; margin: 0; margin-bottom: 2px; } .skuSelectorContainer .skuSelectorOptionsList .skuSelectorItem { margin: 0; width: 40px; height: 40px; } .skuSelectorContainer .skuSelectorOptionsList .skuSelectorItem .frameAround { border-color: #000000; border-radius: 50%; border-width: 2px; z-index: 5; bottom: 0; top: 0; left: 0; right: 0; } .skuSelectorContainer .skuSelectorOptionsList .skuSelectorItem .skuSelectorInternalBox { border: 1px solid #989898; border-radius: 50%; } .skuSelectorContainer .skuSelectorOptionsList .skuSelectorItem .skuSelectorInternalBox .valueWrapper { padding: 0; color: rgba(185, 185, 185, 0.6); } .skuSelectorContainer .skuSelectorOptionsList .skuSelectorItemImage { width: 48px; height: 48px; } .skuSelectorContainer .skuSelectorOptionsList .skuSelectorItemImage .diagonalCross { background: #D5D5D5; top: 48%; left: 1%; width: 46px; height: 1px; transform: rotate(-45deg); } .skuSelectorContainer .skuSelectorOptionsList .skuSelectorItem--selected .skuSelectorInternalBox .valueWrapper { color: #000000; } .skuSelectorContainer .diagonalCross { background: #D5D5D5; top: 46%; left: 1%; width: 38px; height: 1px; transform: rotate(-45deg); } .buyButtonText { font-size: 0; } .buyButtonText::after { content: "ADICIONAR À SACOLA"; font-weight: 400; font-size: 18px; line-height: 25px; } .shippingContainer { width: 409px; position: relative; display: grid; grid-template-areas: "label button notCep"; grid-template-columns: 56.4792% max-content 1fr; margin-bottom: 16px; } .shippingContainer :global(.vtex-input__label) { font-size: 0; } .shippingContainer :global(.vtex-input__label)::after { content: "CALCULAR FRETE:"; font-weight: 400; font-size: 14px; line-height: 19px; color: #929292; } .shippingContainer :global(.vtex-address-form__postalCode) { padding: 0; } .shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-input) { grid-area: label; } .shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-address-form-4-x-input) { padding: 0 16px; } .shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-address-form-4-x-input)::placeholder { font-weight: 400; font-size: 12px; line-height: 16px; color: #AFAFAF; } .shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-input__suffix) { display: none; } .shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-address-form__postalCode-forgottenURL) { grid-area: notCep; position: absolute; right: 0; top: 43px; padding: 0; font-weight: 400; font-size: 12px; line-height: 16px; text-decoration-line: underline; } .shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-address-form__postalCode-forgottenURL) :last-child { color: #000000; } .shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-address-form__postalCode-forgottenURL) :global(.vtex__icon-external-link) { display: none; } .shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-input-prefix__group) { height: 49px; border-radius: 0; box-sizing: border-box; } .shippingContainer :global(.vtex-button) { grid-area: button; width: max-content; height: max-content; background-color: #000000; margin-top: 27px; margin-left: -2px; border-radius: 0; border: 0; padding: 0; } .shippingContainer :global(.vtex-button) :global(.vtex-button__label) { font-size: 0; width: 49px; height: 49px; padding: 0; } .shippingContainer :global(.vtex-button) :global(.vtex-button__label)::after { content: "OK"; font-weight: 600; font-size: 14px; line-height: 19px; color: #FFFFFF; } .shippingTable { border: 0; padding: 0; margin: 0; width: max-content; } .shippingTable .shippingTableHead { display: table-caption; text-align: left; } .shippingTable .shippingTableHead .shippingTableRow { display: grid; grid-template-areas: "entrega frete prazo"; grid-template-columns: 1fr 1fr 1fr; } .shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryName, .shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryEstimate, .shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryPrice { font-weight: 400; font-size: 14px; color: #202020; text-transform: uppercase; padding: 0; padding-bottom: 15px; } .shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryName { grid-area: entrega; } .shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryEstimate { grid-area: prazo; } .shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryPrice { grid-area: frete; font-size: 0; } .shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryPrice::after { content: "FRETE"; font-weight: 400; font-size: 14px; color: #202020; text-transform: uppercase; } .shippingTable .shippingTableBody { display: table-cell; } .shippingTable .shippingTableBody .shippingTableRow { display: grid; grid-template-areas: "entrega frete prazo"; grid-template-columns: 1fr 1fr 1fr; } .shippingTable .shippingTableBody .shippingTableRow .shippingTableCell { padding: 0; padding-bottom: 15px; font-weight: 400; font-size: 12px; line-height: 16px; } .shippingTable .shippingTableBody .shippingTableRow .shippingTableRadioBtn { display: none; } .shippingTable .shippingTableBody .shippingTableRow .shippingTableCellDeliveryEstimate { grid-area: prazo; } @media screen and (max-width: 1024px) { .productNameContainer { margin-top: 32px; text-align: left; } } @media screen and (max-width: 768px) { .shippingContainer { width: 100%; grid-template-areas: "label button" "notCep notCep"; grid-template-columns: 83.4459% 1fr; } .shippingContainer :global(.vtex-address-form__postalCode) { padding: 0; } .shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-input) { grid-area: label; } .shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-address-form-4-x-input) { padding: 0 16px; } .shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-address-form-4-x-input)::placeholder { font-weight: 400; font-size: 12px; line-height: 16px; color: #AFAFAF; } .shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-input__suffix) { display: none; } .shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-address-form__postalCode-forgottenURL) { top: 0; margin-top: 8px; } .carouselGaleryThumbs--product-images-pdp { display: block !important; } }