@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 */ .container { margin: 0; padding: 0; } .newsletter { background: red; } .productImageTag--main { max-height: max-content !important; } .carouselGaleryThumbs { margin-top: 16px; } .thumbImg { height: 90px; max-width: 90px; border-radius: 8px; } .carouselThumbBorder { width: 90px; height: 90px; } .figure { width: 90px; height: 90px; } .productImagesThumb { max-width: 90px; width: 90px !important; margin-right: 16px; } .productImagesGallerySlide { width: 100%; } /*:global(.vtex-store-components-3-x-productImageTag) { width: 664px; height: 664px; } .caretIcon { display: none; }*/ .productBrand--quickview { font-weight: 300; font-size: 20px; line-height: 34px; color: #575757; } .skuSelectorContainer--skus { display: flex; flex-direction: column-reverse; margin-top: 16px; } .frameAround--skus { border: none; } .skuSelectorOptionsList { margin-left: -5px; } .skuSelectorSubcontainer--tamanho .skuSelectorName { font-size: 0; } .skuSelectorSubcontainer--tamanho .skuSelectorName::after { content: "OUTROS TAMANHOS"; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; color: color-gray6; } .skuSelectorItemTextValue--skus { font-weight: 400; font-size: 14px; line-height: 19px; color: rgba(185, 185, 185, 0.6); } .skuSelectorInternalBox--skus { border: 1px solid #989898; border-radius: 100%; width: 40px; height: 40px; align-items: center; justify-content: center; display: flex; } .skuSelectorItem--skus--selected .skuSelectorInternalBox--skus { border: 2px solid #000000; border-radius: 100%; width: 40px; height: 40px; align-items: center; justify-content: center; display: flex; } .skuSelectorItem--skus--selected .skuSelectorItemTextValue--skus { font-weight: 400; font-size: 14px; line-height: 19px; color: #000000; } .skuSelectorSubcontainer--cor .skuSelectorName { font-size: 0; } .skuSelectorSubcontainer--cor .skuSelectorName::after { content: "OUTRAS CORES"; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; color: color-gray6; } .skuSelectorSubcontainer--cor .skuSelectorItemImage--skus { height: 48px; width: 48px; } .skuSelectorSubcontainer--cor .skuSelectorItemImage--skus .diagonalCross--skus { transform: rotate(80deg); background-image: linear-gradient(to top right, transparent 44%, #d5d5d5 48%, transparent 52%); max-width: 27px; max-height: 38px; left: 11px; top: 5px; } .skuSelectorSubcontainer--cor .skuSelectorInternalBox--skus { width: 48px; height: 48px; } .diagonalCross--skus { transform: rotate(80deg); background-image: linear-gradient(to top right, transparent 44%, #d5d5d5 48%, transparent 52%); max-width: 28px; max-height: 30px; left: 6px; top: 3px; } .skuSelectorSelectorImageValue { display: none; } .shippingContainer { display: flex; align-items: end; margin-top: 16px; } .shippingContainer :global(.vtex-address-form__postalCode) { position: relative; padding: 0; } .shippingContainer :global(.vtex-input__error) { position: absolute; margin-top: 2px; } .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-input-prefix__group) { height: 49px; border-radius: 0%; } .shippingContainer :global(.vtex-input-prefix__group) :global(.vtex-input__suffix) { padding: 0; } .shippingContainer :global(.vtex-input-prefix__group) :global(.vtex-address-form-4-x-hideDecorators) { width: 231px; } .shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) { position: absolute; top: 28px; right: -180px; font-weight: 400; font-size: 12px; line-height: 16px; display: flex; align-items: center; text-decoration-line: underline; } .shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) :last-child { color: #000000; } .shippingContainer :global(.vtex__icon-external-link) { display: none; } .shippingContainer :global(.vtex-button) { width: 49px; height: 49px; background-color: #000000; border: none; border-radius: inherit; margin-left: -1px; } .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; color: #fff; } .shippingTable { border: none; } .shippingTableRadioBtn { display: none; } .shippingTableHead { display: table-header-group; } .shippingTableHead .shippingTableRow { display: flex; align-items: end; } .shippingTableHead .shippingTableHeadDeliveryName, .shippingTableHead .shippingTableHeadDeliveryEstimate, .shippingTableHead .shippingTableHeadDeliveryPrice { font-weight: 400; font-size: 14px; line-height: 19px; text-transform: uppercase; color: #202020; text-align: initial; padding: 0; } .shippingTableHead .shippingTableHeadDeliveryName { min-width: 110px; } .shippingTableHead .shippingTableHeadDeliveryEstimate { order: 3; } .shippingTableHead .shippingTableHeadDeliveryPrice { display: flex; min-width: 110px; font-size: 0; } .shippingTableHead .shippingTableHeadDeliveryPrice::after { content: "FRETE"; font-size: 14px; } .shippingTableBody .shippingTableRow { display: flex; } .shippingTableBody .shippingTableRow .shippingTableCell { font-weight: 400; font-size: 12px; line-height: 16px; color: #afafaf; } .shippingTableBody .shippingTableRow .shippingTableCellDeliveryName, .shippingTableBody .shippingTableRow .shippingTableCellDeliveryPrice, .shippingTableBody .shippingTableRow .shippingTableCellDeliveryEstimate { padding: 15px 4px 0 0; } .shippingTableBody .shippingTableRow .shippingTableCellDeliveryName { min-width: 110px; } .shippingTableBody .shippingTableRow .shippingTableCellDeliveryPrice { min-width: 110px; } .shippingTableBody .shippingTableRow .shippingTableCellDeliveryEstimate { order: 3; } .productDescriptionContainer--descricao { display: flex; justify-content: left; flex-direction: column; width: 49.82%; } .container--descricao { margin: 0; } .productDescriptionTitle--descricao { font-weight: 400; font-size: 24px; line-height: 32px; color: #575757; margin-bottom: 8px; } .content--descricao { font-weight: 400; font-size: 16px; line-height: 22px; color: #929292; } .subscriberContainer { position: relative; } .subscriberContainer .title { font-size: 0; margin: 0; } .subscriberContainer .title::after { content: "Produto indisponível"; font-weight: 700; font-size: 14px; line-height: 19px; 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; color: #868686; } .subscriberContainer .content { position: relative; width: 399px; gap: 8px; margin-bottom: 60px; } .subscriberContainer .content :global(.vtex-styleguide-9-x-input) { font-weight: 400; font-size: 12px; line-height: 16px; color: #989898; border: none; } .subscriberContainer .content :global(.vtex-styleguide-9-x-input)::placeholder { font-weight: 400; font-size: 12px; line-height: 16px; color: #989898; } .subscriberContainer .content :global(.vtex-input-prefix__group) { border: 0.6px solid #989898; border-radius: 0%; } .subscriberContainer .content .inputEmail, .subscriberContainer .content .inputName { margin: 0; } .subscriberContainer .content .submit { position: absolute; top: 55px; width: 100%; cursor: pointer; } .subscriberContainer .content .submit :global(.vtex-button) { width: 100%; background-color: #000000; border: none; border-radius: 0%; height: 49px; } .subscriberContainer .content .submit :global(.vtex-button__label) { font-size: 0; } .subscriberContainer .content .submit :global(.vtex-button__label)::after { content: "AVISE-ME"; font-weight: 600; font-size: 18px; line-height: 25px; color: #fff; } .subscriberContainer .content :global(.vtex-input__error) { margin: 0; font-size: 12px; line-height: 16px; } .subscriberContainer .success { position: absolute; top: 90px; font-size: 12px; line-height: 16px; }