Name: Kit Luva Bebê Carter´s 3 Pares Stars Branco/Cinza/Azul
Brand: Carter's
SKU: 14024306
Price: 69.9 BRL

0 - 24 meses

Acessórios - Ver Todos P

Acessórios - Babador

Meninas - Blusa e Camiseta

Meninos - Camiseta e Camisa

Acessórios - Calcinha

2 - 5 anos

Acessórios - Cueca

Bebê Menina - Blusa e Camiseta

Bebê menino - Camiseta e Camisa

Acessórios - Meia

Acessórios - Menu

Acessórios - Touca e Luva

Acessórios - Manta e Cobertor

Meninas - Acessórios

Meninos - Acessórios

Acessórios - Roupão

Acessórios - Toalha

Acessórios - Pijama

Acessórios em diversos modelos, cores e tamanhos com a qualidade que só a Carter's garante!

:root {
  --background-footer-color: #fff;
  --divider-color: #ebebeb;
  --primary-font: normal normal bold 14px/16px Poppins;
  --secondary-font: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  --dark-color: #444;
  --item-color: #6c6c6c;
  --max-width: 960px;
  --copy-text-color: #737373;
  --font-size-small: 11.33px;
  --font-size-medium: 13.33px;
}

* {
  box-sizing: border-box;
}

input[type='checkbox'] {
  display: none;
}

.footer-bottom .footer-bottom-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.divider-heighter {
  width: 100%;
  height: 2px;
  background: var(--divider-color);
}

.divider-lighter {
  width: 100%;
  height: 1px;
  background: var(--divider-color);
}

.spacing {
  height: 34px;
  background: #f9f9f9;
}

.wrapper {
  background-color: var(--background-footer-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  width: 100%;
 z-index: 0 --important;
}

.footer-wrapper {
  width: 100%;
  max-width: var(--max-width);
  
}

.footer-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.4rem 0px;
}

.footer-logo {
  width: 140px;
  height: 30px;
}

.formas-pagamento p {
  color: var(--dark-color);
  font: var(--primary-font);
  margin-left: 4px;
}

.formas-pagamento .bandeiras {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.bandeiras .space {
  margin-left: 10px;
}

.footer-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding: 1rem 0px;
}

.column p {
  font: var(--primary-font);
  color: var(--dark-color);
  width: 100%;
  margin: 0px;
}

.column .options {
  list-style: none;
  padding: 0px;
  margin: 2px;
  width: 100%;
}

.options a {
  list-style: none;
  text-decoration: none;
  color: var(--item-color);
  text-decoration: none;
  font-size: var(--font-size-medium);
  font: var(--primary-font);
  font-weight: normal;
}

.options .item {
  padding: 3px 0px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.options a {
  font-size: var(--font-size-medium);
}

.options .item .title {
  color: var(--item-color);
  font-size: var(--font-size-medium);
}

.options .item .text {
  list-style: none;
  text-decoration: none;
  color: var(--item-color);
  text-decoration: none;
  font-size: var(--font-size-medium);
  font-weight: 400;
  padding: 2px 0px;
}

.footer-warnings {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-bottom: 20px;
}

.text-copy {
  width: 100%;
  max-width: var(--max-width);
  display: flex;
  justify-content: center;
  padding: 20px 0px 0px;
}

.text-copy {
  text-align: center;
  font-family: var(--secondary-font);
  font-weight: normal;
  font-size: var(--font-size-small);
  color: var(--copy-text-color);
}

.checkBoxCopy {
  display: none;
}

.footer-warnings {
  padding: 0px 20px;
}

.site-seguro {
  margin-top: 20px;
}

.footer-bottom {
  flex-direction: column;
}

.footer-bottom .column1 {
  margin-top: 30px;
}

.footer-bottom .column1:first-child {
  margin-top: 0px;
}

.footer-warnings {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0px 20px;
  border: none;
  border-radius: 5px;
  margin: 20px 0px;
  width: 100%;
}

.text-copy p {
  width: 100%;
  max-width: var(--max-width);
  display: flex;
  justify-content: center;
  padding: 10px 0px 0px;
  text-align: center;
  font-family: var(--secondary-font);
  font-weight: normal;
  font-size: var(--font-size-small);
  color: var(--copy-text-color);
}

/* Mobile */

@media screen and (max-width: 960px) {
  .footer-wrapper {
    width: 100%;
    max-width: var(--max-width);
    display: flex;
    flex-direction: column-reverse;
    padding: 0px 20px;
  }

  .footer-header {
    flex-direction: column;
    justify-content: center;
  }

  .formas-pagamento {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    align-items: center;
  }

  .footer-bottom {
    display: flex;
    width: 100%;
    padding: 1rem 0px;
    flex-direction: column;
    align-items: center;
  }

  .footer-bottom .footer-bottom-container {
    display: flex;
    flex-direction: column;
  }

  .footer-bottom .column:first-child {
    margin-top: 0px;
  }

  .labelCheck {
    width: 100%;
    background: var(--background-footer-color);
    font: var(--primary-font);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px 20px;
    cursor: pointer;
    transition: 0.3s;
    margin: 0px;
    z-index: 99;
  }

  .column p {
    font: var(--primary-font);
    color: var(--dark-color);
    width: 100%;
    margin: 0px;
  }

  .column {
    width: 100%;
    border: 2px solid var(--copy-text-color);
    padding: 0px 10px;
    border-bottom: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    user-select: none;
  }

  .footer-bottom .column1 {
    margin-top: 0px;
  }

  .footer-bottom .column1:first-child {
    margin-top: 0px;
  }

  .column:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }

  .column:last-child {
    border-bottom: 1px solid var(--copy-text-color);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }

  .column .options,
  .footer-warnings .options {
    list-style: none;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    width: 100%;
    max-height: 0px;
    transition: 0.3s;
  }

  .options a {
    list-style: none;
    text-decoration: none;
    color: var(--item-color);
    text-decoration: none;
    font-size: var(--font-size-medium);
    font: var(--primary-font);
    font-weight: normal;
  }

  .options .item {
    padding: 8px 0px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .options a {
    font-size: var(--font-size-medium);
  }

  .options .item .title {
    color: var(--item-color);
    font-size: var(--font-size-medium);
  }

  .options .item .text {
    list-style: none;
    text-decoration: none;
    color: var(--item-color);
    text-decoration: none;
    font-size: var(--font-size-medium);
    font-weight: 400;
    padding: 2px 0px;
  }

  .footer-warnings {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0px 20px;
    border: 1px solid var(--copy-text-color);
    border-radius: 5px;
    margin: 20px 0px;
    width: 100%;
  }

  .text-copy p {
    width: 100%;
    max-width: var(--max-width);
    display: flex;
    justify-content: center;
    padding: 10px 0px 0px;
    text-align: center;
    font-family: var(--secondary-font);
    font-weight: normal;
    font-size: var(--font-size-small);
    color: var(--copy-text-color);
  }

  .text-copy:last-child {
    margin-bottom: 20px;
  }

  .column input,
  .footer-warnings input {
    display: none;
  }

  .checkBoxCopy {
    display: flex;
  }

  .column input:checked ~ ul,
  .footer-warnings input:checked ~ ul {
    height: auto;
    transform: translateY(0%);
  }

  .column label::after,
  .footer-warnings label::after {
    content: '+';
    opacity: 0.7;
  }

  .column input:checked ~ label::after,
  .footer-warnings input:checked ~ label::after {
    content: '-';
    opacity: 0.7;
  }
}

<footer class="wrapper">
  <div class="divider-heighter"></div>
  <div class="footer-wrapper">
    <div class="footer-header">
      <div class="logo-container">
        <img src="https://static.riachuelo.com.br/carters/carters_logo.png" alt="Logo" class="footer-logo" />
      </div>
      <div class="formas-pagamento">
        <p>Formas de pagamento</p>
        <div class="bandeiras">
          <div class="visa">
            <img src="https://static.riachuelo.com.br/carters/visa.svg" alt="Bandeira Visa">
          </div>
          <div class="boleto space">
            <img src="https://static.riachuelo.com.br/carters/bank_slip.svg" alt="Boleto">
          </div>
          <div class="master space">
            <img src="https://static.riachuelo.com.br/carters/master.svg" alt="Bandeira Mastercard">
          </div>
        </div>
      </div>
      <div class="site-seguro">
        <img src="https://static.riachuelo.com.br/carters/selo-site-seguro.svg" alt="Selo Site Seguro">
      </div>
    </div>
    <div class="divider-lighter"></div>
    <div class="footer-bottom">
      <div class="footer-bottom-container">
        <div class="column ">
          <input type="checkbox" id="check1">
          <label for="check1" class="labelCheck">
              <p>Sobre a Carter's</p>
            </label>
          <p></p>
          <ul class="options">
            <a href="/historia" target="_blank" data-gtm-event-category="carters:geral" data-gtm-event-action="clique:footer:link"
              data-gtm-event-label='sobre-as-carters:historia-da-carters'>
              <li class="item">História da Carter's</li>
            </a>
            <a href="https://corporate.carters.com/" target="_blank" data-gtm-event-category="carters:geral"
              data-gtm-event-action="clique:footer:link" data-gtm-event-label='sobre-as-carters:carters-inc'>
              <li class="item">Carter's Inc.</li>
            </a>
            <a href="https://ir.carters.com/" target="_blank">
              <li class="item">Relação com investidor</li>
            </a>
            <a href="https://www.carters.com/corporate-social-responsibility.html" target="_blank"
              data-gtm-event-category="carters:geral" data-gtm-event-action="clique:footer:link"
              data-gtm-event-label='sobre-as-carters:responsabilidade-social'>
              <li class="item">Responsabilidade Social</li>
            </a>
            <a href="https://www.carters.com/int_dir_Brazil_Riachuelo.html" target="_blank" data-gtm-event-category="carters:geral"
              data-gtm-event-action="clique:footer:link"
              data-gtm-event-label='sobre-as-carters:parceiro-exclusivo-na-marca-no-brasil'>
              <li class="item">Parceiro exclusivo na marca no Brasil</li>
            </a>
          </ul>
        </div>
        <div class="column ">
          <input type="checkbox" id="check2">
          <label for="check2" class="labelCheck">
              <p>Privacidade</p>
            </label>
          <ul class="options">
            <a href="/condicoes-do-usuario" target="_blank" data-gtm-event-category="carters:geral"
              data-gtm-event-action="clique:footer:link"
              data-gtm-event-label='privacidade:termo-de-condicoes-gerais-de-uso'>
              <li class="item">Termo de condições gerais de uso</li>
            </a>
            <a href="/politica-de-troca" target="_blank" data-gtm-event-category="carters:geral"
              data-gtm-event-action="clique:footer:link"
              data-gtm-event-label='privacidade:politica-externa-de-trocas-e-devolucoes'>
              <li class="item">Política trocas e devoluções</li>
            </a>
            <a href="/politica-de-privacidade" target="_blank" data-gtm-event-category="carters:geral"
              data-gtm-event-action="clique:footer:link"
              data-gtm-event-label='privacidade:politica-externa-de-privacidade-de-dados'>
              <li class="item">Política privacidade de dados</li>
            </a>
            <a href="/meus-direitos" target="_blank" data-gtm-event-category="carters:geral" data-gtm-event-action="clique:footer:link"
              data-gtm-event-label='privacidade:meus-direitos'>
              <li class="item">Meus Direitos</li>
            </a>
          </ul>
        </div>
        <div class="column ">
          <input type="checkbox" id="check3">
          <label for="check3" class="labelCheck">
              <p>Ajuda</p>
            </label>
          <ul class="options">
            <a href="/perguntas-frequentes" target="_blank" data-gtm-event-category="carters:geral"
              data-gtm-event-action="clique:footer:link" data-gtm-event-label='ajuda:perguntas-frequentes'>
              <li class="item">Perguntas Frequentes</li>
            </a>
            <li class="item">
              <p class="title">Contato</p>
              <p class="text">Capitais e regiões metropolitanas</p>
              <p class="title">3003 9086</p>
              <p class="text">Demais localizações</p>
              <p class="title">0800 721 9086</p>
            </li>
            <a href="/call-center" target="_blank" data-gtm-event-category="carters:geral" data-gtm-event-action="clique:footer:link"
              data-gtm-event-label='ajuda:atendimento'>
              <li class="item">Atendimento</li>
            </a>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="divider-heighter"></div>
  <div class="spacing"></div>
  <div class="divider-heighter "></div>
  <div class="footer-wrapper">
    <div class="column footer-warnings ">
      <input type="checkbox" id="checkCopy">
      <label for="checkCopy" class="checkBoxCopy labelCheck">
          <p>@Copyright</p>
        </label>
      <ul class="options removeSpacing">
        <li class="text-copy">
          <p>
            © Copyright 2010 - 2021. Todos os direitos reservados.
            Lojas Riachuelo S/A. Rua Landri Sales, 1.070, G02 Anexo
            B, Guarulhos - SP - Brasil.
            <br />
              CEP 07250-130 | CNPJ 33.200.056/0441-97 | IE 796.420.926.112.
          </p>
        </li>
        <li class="text-copy">
          <p>
            © Carter&apos;s, Inc. Todos os direitos reservados.
            CARTER&apos;S, COUNT ON CARTER&apos;S, CARTER&apos;S
            LITTLE BABY BASICS, COM VOCÊ DESDE O INÍCIO, OSHKOSH,
            OSHKOSH B&apos;GOSH, B&apos;GOSH, BABY B&apos;GOSH,
            SEMPRE SEJA GENUÍNO, SKIP * HOP, e DEVE TER * MADE
            MELHOR são marcas registradas pertencentes por
            subsidiárias da Carter&apos;s, Inc.
          </p>
        </li>
      </ul>
    </div>
  </div>
</footer>

const columns = document.querySelectorAll('.column')
    columns.forEach(column => {
      const label = column.querySelector('.labelCheck')
      label.addEventListener('click', (event) => {
        const options = column.querySelector('.options')
        if (options.clientHeight > 0) {
          options.style.maxHeight = `0px`
        } else {
          options.style.maxHeight = `${options.scrollHeight}px`

        }
      })
    })
    window.addEventListener('resize', () => {
      if (window.innerWidth >= 960) {
        columns.forEach(column => {
          const options = column.querySelectorAll('.options')
          options.forEach(option => {
            option.style.maxHeight = 'fit-content'
          })
        })
      } else {
        columns.forEach(column => {
          if (column.querySelector("input[type='checkbox']").checked) {
            const options = column.querySelectorAll('.options')
            options.forEach(option => {
              option.style.maxHeight = `${option.scrollHeight}px`
            })
          } else {
            const options = column.querySelectorAll('.options')
            options.forEach(option => {
              option.style.maxHeight = `0px`
            })
          }
        })
      }
    })

:root {
  --background-footer-color: #fff;
  --divider-color: #ebebeb;
  --primary-font: normal normal bold 14px/16px Poppins;
  --secondary-font: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  --dark-color: #444;
  --item-color: #6c6c6c;
  --max-width: 960px;
  --copy-text-color: #737373;
  --font-size-small: 11.33px;
  --font-size-medium: 13.33px;
}

* {
  box-sizing: border-box;
}

.container {
  background-color: #f9f9f9;
  display: block;
}

.header_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.right_header {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7.5rem;
  height: 20px;

  background-color: #00a8e2;
  border-radius: 50px;

  margin-left: 36px;
}

.novidades {
  display: inline;
  color: #fff !important;
  margin-left: 15px;
  margin-bottom: 5px;

  font-size: 12px !important;
  letter-spacing: 0px;
  margin-right: 15px !important;
  padding-top: 6px;
  font-family: var(--secondary-font);
}

.link {
  color: #6C6C6C;
  display: flex;
  text-decoration: none !important;
  text-transform: capitalize;
  align-items: center;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}

.menu_icon_text {
  font-size: 12px;
  letter-spacing: 0px;
  color: rgb(115, 115, 115);
  padding-top: 6px;
  margin-right: 15px !important;
}

.icon {
  margin-right: 4px;
}

.left_header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-self: flex-end;
}

@media (max-width: 366px) {
 .desktop_text_lojas {
  display: none;
 }
}
@media (min-width: 366px) {
  .mobile_text_lojas {
  display: none;
 }
}

<head>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>

<div class="container">
  <header class="header_container">
    <div class="right_header">
      <a class="link" href="/novidades">
        <p class="novidades">Novidades</p>
      </a>
    </div>
    <div class="left_header">
      <a class="link" href="/nossas-lojas">
        <img class="icon" src="https://static.riachuelo.com.br/carters/lojas.svg"/>
        <div class="menu_icon_text">
          <p>Nossas Lojas</p>
        </div>
      </a>
      <a class="link" href="/call-center">
        <img  class="icon" src="https://static.riachuelo.com.br/carters/atendimento.svg"/>
        <div class="menu_icon_text">
          <p>Atendimento</p>
        </div>
      </a>
    </div>
  </header>
</div>

Acessórios

Sub-classe

Gênero

País de Fabricação

Tipo de Produto

Estação

Eixo

Departamento

Marca

Categoria

Padronagem

Composição Principal

Conteúdo da embalagem

Faixa Etária

Código Genérico

Estilo de Vida

Forro

Descrição da Marca

Descrição do Departamento

Geek

Inverno

Tema

Classificação do Grupo

Altura

Comprimento

Peso

Largura

O <strong>Kit Gorro e Par de Luvas Infantil Carter&#39;s Tricô Cinza Mescla/Azul Escuro Tam 2 a 4</strong> é composto por um gorro e um par de luvas confeccionados em poliéster e acrílico. O conjunto é perfeito para aquecer seu pequeno nos dias mais frios do ano. Aposte!<br />
<br />
<strong>Características:</strong><br />
Tricô<br />
1 Gorro<br />
1 Par de luvas

Tamanho

Kit Gorro e Par de Luvas Infantil Carter's Tricô Cinza Mescla/Azul Escuro Tam 2 a 4

id_campanha

id_campanha01

id_campanha05

Código EAN

O <strong>Kit Luvas Bebê Carter&#39;s 3 Pares Flores Poás Branco/Rosa/Azul Claro, </strong>são<strong> </strong>três pares de luvas em algodão macio. Perfeitas para recém-nascidos e para proteger que as pequenas se machuquem.<br />
<br />
<strong>Características:</strong><br />
3 pares de luvas<br />
Estampadas<br />
Ideal para recém nascidos<br />
100% algodão

Kit Luvas Bebê Carter's 3 Pares Flores Poás Branco/Rosa/Azul Claro Tam 0 a 3 Meses

O <strong>Kit Babador Bebê Carter&#39;s 4 Peças Flores Poás Rosa/Branco/Azul Claro</strong> promete acompanhar a sua pequena enquanto ela passa pela fase da dentição! O conjunto conta com quatro babadores que mantém sua bebê limpinha e seca durante o dia.<br />
<br />
<strong>Características:</strong><br />
4 Babadores<br />
100% Algodão<br />
Estampas fofas<br />
Fechamento na lateral

Kit Babador Bebê Carter's 4 Peças Flores Poás Rosa/Branco/Azul Claro

O <strong>Boné Aba Curva Dinosaur</strong> promete deixar um sorriso no rosto dos pequenos. Ótimo para complementar looks com um toque cool e divertido!<br /><br />&bull; Ajuste posterior com elástico<br />
&bull; Modelo baseball cap<br />
&bull; Detalhe divertido de escamas de dinossauro<br />
&bull; Lavável em máquina


Boné Infantil Carter´s Aba Curva Dinosaur Azul

O <strong>Kit Gorro e Par de Luvas Infantil Carter&#39;s Tricô Bege Tam 2 a 4</strong> é composto por um gorro e um par de luvas confeccionados em acrílico. O conjunto é perfeito para aquecer sua pequena nos dias mais frios. Aposte!<br />
<br />
<strong>Características:</strong><br />
Tricô<br />
1 Gorro<br />
1 Par de Luvas

Kit Gorro e Par de Luvas Infantil Carter's Tricô Bege Tam 2 a 4

O <strong>Kit Touca Bebê Carter&#39;s 2 Peças Cinza Mescla/Branco Tam 0 a 3 Meses</strong> confeccionado em malha macia. Ideal para manter a cabeça do bebê aquecida, principalmente nos primeiros meses de vida.<br />
<br />
<strong>Características:</strong><br />
2 peças<br />
Fáceis de combinar<br />
Toque macio<br />
Barra dobrada<br />
 

Kit Touca Bebê Carter's 2 Peças Cinza Mescla/Branco Tam 0 a 3 Meses

O <strong>Kit Gorro e Par de Luvas Infantil Carter&#39;s Tricõ Azul Marinho Tam 2 a 4</strong> é composto por um gorro e um par de luvas confeccionados em acrílico. O conjunto é perfeito para aquecer sua pequena nos dias mais frios. Aposte!<br />
<br />
<strong>Características:</strong><br />
Tricô<br />
1 Gorro<br />
1 Par de Luvas

Kit Gorro e Par de Luvas Infantil Carter's Tricõ Azul Marinho Tam 2 a 4

Deixe o visual dos pequenos ainda mais divertido e charmoso! Produzido em tecido, o modelo bucket protege as crianças do sol e ainda é muito fácil de combinar. Aposte!<br />
<br />
• 100% Algodão<br />
• Modelo bucket<br />
• Estampa de listras

Chapéu Bucket Infantil Listras Carter´s Azul Marinho

id_campanha04

O <strong>Kit Luva Ladybug Carter´s</strong> traz três pares de luvas em algodão macio. Perfeitas para recém-nascidos e para proteger que as pequenas se machuquem<br /><br />&bull; 3 Pares de luvas<br />
&bull; 100% Algodão<br />
&bull; Evita que se cocem ou se arranhem<br />
&bull; Estampas fofas<br />&bull; Ideal para recém-nascidos<br />


Kit Luva Bebê Carter´s 3 Pares Ladybug Rosa/Verde/Vermelho

Coloque um sorriso no rosto do seu gatinho! Com o Chapéu Fedora da Carter´s, seu pequeno vai ficar ainda mais charmoso!<br /><br />&bull; Modelo fedora<br />
&bull; Detalhe de faixa xadrez<br />
&bull; 89% poliéster, 11% papel<br />


Chapéu Infantil Carter´s Fedora Bege

Deixe o visual das pequenas ainda mais divertido e fofinho! Produzido em tecido, o Chapéu da Carter´s é muito fácil de combinar!<br />
<br />
• Detalhe de flor<br />
• Modelo fofinho

Chapéu Infantil Carter´s Rosa

Em algodão macio, as luvas são perfeitas para os recém-nascidos, evitando que seu bebê se arranhe. <br /><br />&bull; Protege o bebê<br />
&bull; Ideal para recém-nascidos<br />
&bull; 100% Algodão<br />
