@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-left: 40px; margin-right: 40px; 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; } /*: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; } .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-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; font-weight: 400; font-size: 14px; line-height: 19px; text-transform: uppercase; color: #202020; } .shippingTableHead .shippingTableHeadDeliveryName, .shippingTableHead .shippingTableHeadDeliveryEstimate, .shippingTableHead .shippingTableHeadDeliveryPrice { text-align: initial; } .shippingTableCell { font-weight: 400; font-size: 12px; line-height: 16px; color: #afafaf; } .shippingTableCellDeliveryName, .shippingTableCellDeliveryPrice, .shippingTableCellDeliveryEstimate { padding: 0; padding-top: 15px; } .productDescriptionContainer--descricao { display: flex; justify-content: left; flex-direction: column; } .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; } .content--description-imagem { border: 1px solid red; } .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; }