@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; } .productImageTag--main { max-height: max-content !important; } .carouselGaleryThumbs { margin-top: 16px; display: block; } .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%; } .productImagesGallerySlide--images-container { width: 100% !important; } /* .swiper-slide-active { 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 .skuSelectorNameContainer .skuSelectorTextContainer .skuSelectorName { font-size: 0; } .skuSelectorSubcontainer--tamanho .skuSelectorNameContainer .skuSelectorTextContainer .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; } @media screen and (max-width: 768px) { .shippingContainer { margin-bottom: 24px; } } .shippingContainer :global(.vtex-address-form__postalCode) { position: relative; padding: 0; } @media screen and (max-width: 768px) { .shippingContainer :global(.vtex-address-form__postalCode) { width: 100%; } } .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; } @media screen and (max-width: 768px) { .shippingContainer :global(.vtex-input-prefix__group) :global(.vtex-address-form-4-x-hideDecorators) { width: 100%; } } .shippingContainer :global(.vtex-input-prefix__group) :global(.vtex-address-form-4-x-hideDecorators)::placeholder { font-weight: 400; font-size: 12px; line-height: 16px; color: #afafaf; } .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; } @media screen and (max-width: 768px) { .shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) { top: 76px; right: -50px; } } .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 { width: 110px; } .shippingTableHead .shippingTableHeadDeliveryEstimate { order: 3; } .shippingTableHead .shippingTableHeadDeliveryPrice { display: flex; 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 { width: 110px; } .shippingTableBody .shippingTableRow .shippingTableCellDeliveryPrice { width: 110px; } .shippingTableBody .shippingTableRow .shippingTableCellDeliveryEstimate { order: 3; } .productDescriptionContainer--descricao { display: flex; justify-content: left; flex-direction: column; width: 49.82%; } @media screen and (max-width: 1024px) { .productDescriptionContainer--descricao { width: 100%; } } .container--descricao { margin: 0; } @media screen and (max-width: 1024px) { .container--descricao { border-bottom: 1px solid #bfbfbf; padding-bottom: 16px; } } .productDescriptionTitle--descricao { font-weight: 400; font-size: 24px; line-height: 32px; color: #575757; margin-bottom: 8px; } @media screen and (max-width: 1024px) { .productDescriptionTitle--descricao { font-size: 20px; } } .content--descricao { font-weight: 400; font-size: 16px; line-height: 22px; color: #929292; } @media screen and (max-width: 1024px) { .content--descricao { font-size: 14px; line-height: 19px; } } .productDescriptionText--descricao { font-weight: 400; font-size: 16px; line-height: 22px; color: #929292; } @media screen and (max-width: 768px) { .productDescriptionText--descricao { font-size: 14px; line-height: 19px; } } .subscriberContainer { position: relative; } @media screen and (max-width: 1024px) { .subscriberContainer .content { display: flex; width: 100% !important; max-width: unset; } } .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; cursor: pointer; } .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; } .newsletter--newsletter { justify-content: center; display: flex; margin-top: 64px; padding-top: 32px; padding-bottom: 16px; background-color: #000000; border-bottom: 1px solid #fff; } @media screen and (max-width: 1024px) { .newsletter--newsletter { padding: 64px 16px 32px 16px; } } @media screen and (max-width: 768px) { .newsletter--newsletter { margin-top: 32px; } } .container--newsletter { width: 53.75%; color: #fff; max-width: unset; } @media screen and (max-width: 1024px) { .container--newsletter { width: 100%; } } .form--newsletter { max-width: unset; } .form--newsletter :global(.vtex-styleguide-9-x-noAppearance) { background-color: #000000; padding: 0; } .form--newsletter :global(.vtex-input-prefix__group) { border: none; border-bottom: 1px solid #929292; border-radius: 0%; padding-bottom: 4px; align-items: flex-end; } @media screen and (max-width: 1024px) { .form--newsletter :global(.vtex-input-prefix__group) { padding-left: 18px; padding-bottom: 12px; } } .form--newsletter :global(.vtex-input-prefix__group) :global(.vtex-styleguide-9-x-hideDecorators) { font-weight: 400; font-size: 18px; line-height: 25px; color: #929292; } @media screen and (max-width: 1024px) { .form--newsletter :global(.vtex-input-prefix__group) :global(.vtex-styleguide-9-x-hideDecorators) { font-size: 12px; line-height: 16px; } } .form--newsletter :global(.vtex-input-prefix__group) :global(.vtex-styleguide-9-x-hideDecorators)::placeholder { font-weight: 400; font-size: 18px; line-height: 25px; color: #929292; } @media screen and (max-width: 1024px) { .form--newsletter :global(.vtex-input-prefix__group) :global(.vtex-styleguide-9-x-hideDecorators)::placeholder { font-size: 12px; line-height: 16px; } } .label--newsletter { font-weight: 400; font-size: 24px; line-height: 38px; color: #fff; display: flex; flex-direction: column; } .label--newsletter::after { content: "Receba ofertas e novidades por e-mail"; margin-top: 16px; font-weight: 400; font-size: 18px; line-height: 25px; color: #929292; } @media screen and (max-width: 1024px) { .label--newsletter::after { font-size: 16px; line-height: 22px; } } .inputGroup--newsletter { margin-top: 16px; padding: 0; } @media screen and (max-width: 768px) { .inputGroup--newsletter { display: flex; } } .buttonContainer--newsletter { margin: 0; padding: 0; width: 84px; } .buttonContainer--newsletter :global(.vtex-button) { border: none; border-radius: 0%; border-bottom: 3px solid #bfbfbf; background-color: transparent; width: 100%; } .buttonContainer--newsletter :global(.vtex-button) :global(.vtex-button__label) { font-weight: 700; font-size: 14px; line-height: 19px; color: #fff; padding: 0; }