// .newsletter { // background: pink; // } .container { padding: 0 40px; max-width: initial; .productImagesThumb { padding-right: 16px; } .productImagesGallerySlide { width: 100% !important; } .carouselGaleryCursor { width: 100%; } .carouselGaleryThumbs { margin-top: 16px; } .productImageTag { object-fit: fill !important; } .thumbImg { border-radius: 8px; } .productNameContainer { text-align: right; font-weight: 300; font-size: 20px; line-height: 34px; color: $color-gray6; margin-bottom: 31px; } .skuSelectorSubcontainer { margin-bottom: 10px; } .skuSelectorNameContainer { margin: 0; } .skuSelectorTextContainer { font-size: 0; margin-bottom: 8px; .skuSelectorName { font-size: 0; &:last-child { &::before { content: 'OUTROS TAMANHOS:'; font-weight: 400; font-size: 14px; line-height: 19px; color: $color-gray7; } } &::before { content: 'OUTRAS CORES'; font-weight: 400; font-size: 14px; line-height: 19px; color: $color-gray7; } } .skuSelectorSelectorImageValue { font-size: 0; } } .skuSelectorContainer { display: flex; flex-direction: column-reverse; margin-bottom: 6px; } .skuSelectorItem { width: 40px; height: 40px; margin-right: 16px; } .frameAround { border-radius: 24px; border: 1px solid $color-gray8; } .skuSelectorItem--selected { .frameAround { border-radius: 24px; border: 2px solid $color-black2; } .skuSelectorItemTextValue { font-weight: 400; font-size: 14px; line-height: 19px; color: $color-black2; } } .skuSelectorInternalBox { border: none; border-radius: 24px; display: flex; align-items: center; justify-content: center; } .skuSelectorItemTextValue { font-weight: 400; font-size: 14px; line-height: 19px; color: rgba(185, 185, 185, 0.6); } .skuSelectorOptionsList { margin: 0; } .diagonalCross { transform: rotate(90deg); } } //Entrega .shippingContainer { display: flex; align-items: center; position: relative; :global(.vtex-address-form__postalCode) { padding-bottom: 26px; :global(.vtex-address-form__postalCode-forgottenURL) { position: absolute; left: 344px; top: 50%; transform: translateY(-50%); padding: 0; &:last-child { text-decoration: underline; font-weight: 400; font-size: 12px; line-height: 16px; color: $color-black2 !important; :global(.vtex__icon-external-link) { display: none; } } } } } .shippingContainer { :global(.vtex-input__label) { font-size: 0; &::after { content: 'CALCULAR FRETE:'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; color: $color-gray7; } } } .shippingContainer { :global(.vtex-input-prefix__group) { height: 49px; padding-right: 21px; :global(.vtex-input__suffix) { display: none; } } } .shippingContainer { :global(.vtex-input__error) { position: absolute; top: 70px; } } .shippingContainer { :global(.vtex-button) { width: 49px; height: 49px; background-color: $color-black2; border: none; :global(.vtex-button__label) { font-size: 0; &::after { content: 'OK'; font-weight: 600; font-size: 14px; line-height: 19px; color: $color-white; } } } } .shippingTable { border: none; padding: 0; margin-top: -10px; width: fit-content; .shippingTableHead { display: table-row; .shippingTableRow { .shippingTableHeadDeliveryName, .shippingTableHeadDeliveryPrice, .shippingTableHeadDeliveryEstimate { text-align: left; font-weight: 400; font-size: 0; line-height: 19px; color: $color-black3; min-width: 112px; padding: 0; } .shippingTableHeadDeliveryName { &::after { font-size: 14px; content: 'ENTREGA'; } } .shippingTableHeadDeliveryEstimate { &::before { font-size: 14px; content: 'FRETE'; } } .shippingTableHeadDeliveryPrice { &::before { font-size: 14px; content: 'PRAZO'; } } } } .shippingTableBody { .shippingTableRow { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1; .shippingTableCellDeliveryEstimate { grid-area: 1 / 3 / 1 / 3; } } .shippingTableCell { width: 112px; padding: 0 0 15px 0; } } .shippingTableCellDeliveryName { padding-left: 0; } .shippingTableRadioBtn { display: none; } .shippingTableCell, .shippingTableLabel, .currencyContainer { font-weight: 400; font-size: 12px; line-height: 16px; color: $color-gray9; padding-left: 0; } } @media screen and (min-width: 1920px) { .container { padding: 0 360px; } }