.container { margin-left: 40px; margin-right: 40px; padding: 0; } .newsletter { background: red; } //IMAGENS .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; }*/ //NOME DO PRODUTO .productBrand--quickview { font-weight: 300; font-size: 20px; line-height: 34px; color: $color-gray8; } //SKUS .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; &::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 $color-gray7; border-radius: 100%; width: 40px; height: 40px; align-items: center; justify-content: center; display: flex; } .skuSelectorItem--skus--selected { .skuSelectorInternalBox--skus { border: 2px solid $color-black-100; border-radius: 100%; width: 40px; height: 40px; align-items: center; justify-content: center; display: flex; } .skuSelectorItemTextValue--skus { font-weight: 400; font-size: 14px; line-height: 19px; color: $color-black-100; } } .skuSelectorSubcontainer--cor { .skuSelectorName { font-size: 0; &::after { content: "OUTRAS CORES"; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; color: color-gray6; } } .skuSelectorItemImage--skus { height: 48px; width: 48px; .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; } } .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; } //FRETE .shippingContainer { display: flex; align-items: end; margin-top: 16px; :global(.vtex-address-form__postalCode) { position: relative; padding: 0; } :global(.vtex-input__error) { position: absolute; margin-top: 2px; } :global(.vtex-input__label) { font-size: 0; &::after { content: "CALCULAR FRETE:"; font-weight: 400; font-size: 14px; line-height: 19px; color: $color-gray6; } } :global(.vtex-input-prefix__group) { height: 49px; border-radius: 0%; :global(.vtex-input__suffix) { padding: 0; } :global(.vtex-address-form-4-x-hideDecorators) { width: 231px; } } :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; :last-child { color: $color-black-100; } } :global(.vtex__icon-external-link) { display: none; } :global(.vtex-button) { width: 49px; height: 49px; background-color: $color-black-100; border: none; border-radius: inherit; margin-left: -1px; } :global(.vtex-button__label) { font-size: 0; &::after { content: "OK"; font-weight: 600; font-size: 14px; line-height: 19px; color: $color-white; } } } //FRETES OPCOES .shippingTable { border: none; } .shippingTableRadioBtn { display: none; } .shippingTableHead { display: table-header-group; .shippingTableRow { display: flex; align-items: end; } .shippingTableHeadDeliveryName, .shippingTableHeadDeliveryEstimate, .shippingTableHeadDeliveryPrice { font-weight: 400; font-size: 14px; line-height: 19px; text-transform: uppercase; color: $color-black2; text-align: initial; padding: 0; } .shippingTableHeadDeliveryName { min-width: 110px; } .shippingTableHeadDeliveryEstimate { order: 3; } .shippingTableHeadDeliveryPrice { display: flex; min-width: 110px; font-size: 0; &::after { content: "FRETE"; font-size: 14px; } } } .shippingTableBody { .shippingTableRow { display: flex; .shippingTableCell { font-weight: 400; font-size: 12px; line-height: 16px; color: #afafaf; } .shippingTableCellDeliveryName, .shippingTableCellDeliveryPrice, .shippingTableCellDeliveryEstimate { padding: 15px 4px 0 0; } .shippingTableCellDeliveryName { min-width: 110px; } .shippingTableCellDeliveryPrice { min-width: 110px; } .shippingTableCellDeliveryEstimate { order: 3; } } } //DESCRIÇÃO .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: $color-gray8; margin-bottom: 8px; } .content--descricao { font-weight: 400; font-size: 16px; line-height: 22px; color: $color-gray6; } .content--description-imagem { border: 1px solid red; } //PRODUTO INDISPONIVEL .subscriberContainer { position: relative; .title { font-size: 0; margin: 0; &::after { content: "Produto indisponível"; font-weight: 700; font-size: 14px; line-height: 19px; color: $color-gray10; } } .subscribeLabel { font-size: 0; &::after { content: "Deseja saber quando estiver disponível?"; font-weight: 400; font-size: 14px; line-height: 19px; color: $color-gray10; } } .content { position: relative; width: 399px; gap: 8px; margin-bottom: 60px; :global(.vtex-styleguide-9-x-input) { font-weight: 400; font-size: 12px; line-height: 16px; color: $color-gray7; border: none; &::placeholder { font-weight: 400; font-size: 12px; line-height: 16px; color: $color-gray7; } } :global(.vtex-input-prefix__group) { border: 0.6px solid $color-gray7; border-radius: 0%; } .inputEmail, .inputName { margin: 0; } .submit { position: absolute; top: 55px; width: 100%; cursor: pointer; :global(.vtex-button) { width: 100%; background-color: $color-black-100; border: none; border-radius: 0%; height: 49px; } :global(.vtex-button__label) { font-size: 0; &::after { content: "AVISE-ME"; font-weight: 600; font-size: 18px; line-height: 25px; color: $color-white; } } } :global(.vtex-input__error) { margin: 0; font-size: 12px; line-height: 16px; } } .success { position: absolute; top: 90px; font-size: 12px; line-height: 16px; } }