html, body {
  font-family: "Inter", sans-serif;
}

.container__header .cabecalho {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 4rem;
  padding: 0 1rem;
  background: black;
}
.container__header .cabecalho .menu__hanburguer {
  cursor: pointer;
}
.container__header .cabecalho .menu__hanburguer .barraMenu {
  height: 4px;
  width: 30px;
  background: white;
  margin-bottom: 4px;
  transition: 0.5s;
}
.container__header .cabecalho .container__navBar {
  display: none;
  position: absolute;
  color: white;
  top: 0;
  right: 0;
  background: #343A40;
  height: 220px;
  width: 150px;
  transition: 0.5s ease-in-out;
  z-index: 1;
}
.container__header .cabecalho .container__navBar .navBar {
  display: flex;
  flex-direction: column;
  padding: 1em 1.5em;
  gap: 1em;
}
.container__header .cabecalho .container__navBar .navBar li {
  padding-bottom: 10px;
  border-bottom: 1px solid white;
  cursor: pointer;
}
.container__header .cabecalho .container__navBar .navBar li .fecharMenu {
  cursor: pointer;
}
.container__header .cabecalho .container__navBar .navBar li .fecharMenu .barraMenuFechar {
  height: 4px;
  width: 30px;
  background: white;
  margin-bottom: 4px;
  transition: 0.5s;
  background: #DAFF01;
}
.container__header .cabecalho .container__navBar .navBar li .fecharMenu #barra-1 {
  transform: translateY(9px) rotate(-45deg);
}
.container__header .cabecalho .container__navBar .navBar li .fecharMenu #barra-2 {
  opacity: 0;
}
.container__header .cabecalho .container__navBar .navBar li .fecharMenu #barra-3 {
  transform: translateY(-7px) rotate(45deg);
}
.container__header .cabecalho .container__navBar .navBar li:nth-child(1) {
  border-bottom: none;
  padding-bottom: 2px;
  text-align: right;
}
.container__header .cabecalho .container__navBar .navBar li:nth-last-child(1) {
  border-bottom: none;
}
.container__header .container__pesquisa {
  display: flex;
  justify-content: center;
  gap: 5px;
  padding: 2em 0;
}
.container__header .container__pesquisa .pesquisa {
  width: 230px;
  height: 40px;
  border: 1px solid black;
}
.container__header .container__pesquisa .pesquisa::-moz-placeholder {
  padding-left: 15px;
}
.container__header .container__pesquisa .pesquisa::placeholder {
  padding-left: 15px;
}
.container__header .container__pesquisa .botao__pesquisa {
  background: white;
  width: 100px;
  height: 40px;
  border: 1px solid black;
  font-weight: 500;
  font-size: 1.2rem;
  transition: 0.3s;
  cursor: pointer;
}
.container__header .container__pesquisa .botao__pesquisa:hover {
  background: black;
  color: white;
  transition: 0.6s;
}
.container__header .container__banner {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  width: 100%;
  position: relative;
}
.container__header .container__banner .container__img {
  display: flex;
}
.container__header .container__banner .container__img .img__itens {
  position: relative;
  width: 100vw;
  text-align: center;
  transition: all 1s;
}
.container__header .container__banner .container__img .img__itens .img__banner {
  height: 60vh;
}
.container__header .container__banner .container__img .img__itens .tablet--banner {
  display: none;
}
.container__header .container__banner .container__img .img__itens .desktop--banner {
  display: none;
}
.container__header .container__banner .container__img .img__itens .banner__rosa {
  width: 100%;
  height: 30vh;
  background-color: #F58D90;
  position: absolute;
  bottom: 0;
}
.container__header .container__banner .container__img .img__itens .banner__laranja {
  width: 100%;
  height: 30vh;
  background-color: #F87F46;
  position: absolute;
  bottom: 0;
}
.container__header .container__banner .container__img .img__itens .banner__texto {
  font-size: 2rem;
  color: white;
  font-weight: 500;
  width: 150px;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translateX(-50%);
}
.container__header .container__banner .container__img .img__itens .banner__descricao {
  position: absolute;
  color: white;
  top: 70%;
  left: 50%;
  transform: translateX(-50%);
}
.container__header .container__banner .container__img .img__itens:first-child {
  margin-left: -100vw;
  transition: all 1s;
}
.container__header .container__banner .botao__banner {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  font-size: 1.5rem;
  cursor: pointer;
}
.container__header .container__banner #botao__esquerdo {
  left: 15px;
}
.container__header .container__banner #botao__direito {
  right: 15px;
}
.container__header .container__banner .barra__carrossel {
  display: flex;
  position: absolute;
  gap: 1em;
  top: 90%;
  left: 50%;
  transform: translateX(-50%);
}
.container__header .container__banner .barra__carrossel .barra__item {
  width: 70px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
}

.container__categoria {
  display: grid;
  grid-template-columns: auto auto;
  gap: 0.8rem 1.5rem;
  justify-content: center;
}
.container__categoria h2 {
  grid-column: 1/3;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  padding: 0.8em 0;
}
.container__categoria .categoria__item {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.container__categoria .categoria__item .categoria__nome {
  color: white;
  background: black;
  font-weight: 500;
  padding: 0.4em 0;
  text-align: center;
}
.container__categoria .categoria__item:hover {
  box-shadow: -3px 3px 15px 5px lightskyblue;
}
.container__categoria .img__tablet {
  display: none;
}

.container__produtos {
  display: flex;
  flex-direction: column;
  padding: 3em 0;
  gap: 2em;
}
.container__produtos .titulo__produtos {
  font-size: 1.7rem;
  font-weight: 500;
  text-align: center;
}
.container__produtos .produtos__itens {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(108, 117, 125, 0.15);
  width: 90vw;
  margin: 0 auto;
  gap: 1em;
}
.container__produtos .produtos__itens img {
  width: 90vw;
}
.container__produtos .produtos__itens .card__titulo {
  font-weight: 700;
  padding-left: 1em;
}
.container__produtos .produtos__itens .card__texto {
  font-size: 0.8rem;
  padding-left: 1em;
  line-height: 16px;
}
.container__produtos .produtos__itens .preco {
  font-weight: 700;
  padding-left: 1em;
}
.container__produtos .produtos__itens .ver__mais {
  width: 6.5rem;
  height: 2.5rem;
  background-color: #9353FF;
  color: white;
  font-weight: 500;
  margin: 0 0 1em 1em;
  transition: 0.3s;
  cursor: pointer;
}
.container__produtos .produtos__itens .ver__mais:hover {
  background: white;
  color: #9353FF;
  border: 1px solid #9353FF;
  transition: 0.6s;
}

.container__facilidades {
  background: black;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2em;
  padding: 2.5em;
}
.container__facilidades h2 {
  font-size: 1.5rem;
  text-align: center;
  color: white;
  font-weight: 500;
}
.container__facilidades .facilidades__itens {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1.5em 1em;
  width: 320px;
  align-self: center;
}
.container__facilidades .facilidades__itens img {
  grid-row: 1/3;
  align-self: center;
  width: 50px;
}
.container__facilidades .facilidades__itens h3 {
  color: #DAFF01;
  font-size: 1.3rem;
  font-weight: 500;
}
.container__facilidades .facilidades__itens p {
  color: white;
  grid-column: 2/3;
}

.container__newletter {
  width: 80%;
  margin: 2em auto;
  border: 1px solid black;
  padding: 0.5em 1em 2em 1em;
}
.container__newletter .texto__newletter {
  text-align: center;
  padding: 1em 0;
}
.container__newletter .container__enviarEmail {
  display: flex;
}
.container__newletter .container__enviarEmail .campo__email {
  border: 1px solid black;
  height: 35px;
  box-sizing: border-box;
  width: 70%;
}
.container__newletter .container__enviarEmail .campo__email::-moz-placeholder {
  padding-left: 10px;
}
.container__newletter .container__enviarEmail .campo__email::placeholder {
  padding-left: 10px;
}
.container__newletter .container__enviarEmail .botao__enviar {
  background: #9353FF;
  height: 35px;
  width: 30%;
  font-weight: 500;
  color: white;
  cursor: pointer;
  transition: 0.5s;
}
.container__newletter .container__enviarEmail .botao__enviar:hover {
  background: white;
  color: #9353FF;
  border: 1px solid #9353FF;
  transition: 1s;
}

.rodape {
  background: black;
  width: 100%;
}
.rodape .rodape__texto {
  margin: 0 auto;
  width: 19em;
  line-height: 17px;
  color: white;
  text-align: center;
  padding: 2em 0;
  font-size: 0.8rem;
}

.container__modal--produtos {
  display: none;
  width: 345px;
  box-shadow: 2px 2px 10px 3px #6C757D;
  background: white;
  padding-bottom: 1.5em;
  position: fixed;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  overflow-y: auto;
}
.container__modal--produtos .modal__header {
  display: flex;
  background: black;
  justify-content: space-around;
  align-items: center;
  gap: 1.5em;
  height: 60px;
  margin-bottom: 1em;
}
.container__modal--produtos .modal__header .icon__checked {
  max-width: 32px;
  max-height: 32px;
  padding-left: 1em;
  margin: 0;
}
.container__modal--produtos .modal__header .modal__texto {
  color: white;
  font-size: 1.4rem;
  width: 190px;
}
.container__modal--produtos .modal__header .icon__fechar {
  margin-right: 1em;
  cursor: pointer;
}
.container__modal--produtos .modal__header .icon__fechar img {
  max-width: 16px;
  max-height: 16px;
  transition: 0.5s;
}
.container__modal--produtos .modal__header .icon__fechar img:hover {
  background: rgba(108, 117, 125, 0.5);
  border-radius: 20px;
  transition: 1s;
}
.container__modal--produtos img {
  width: 90%;
  margin: 0 auto;
}
.container__modal--produtos .modal__informacoes {
  display: grid;
  border: 1px solid rgba(108, 117, 125, 0.15);
  width: 310px;
  margin: 0 auto;
}
.container__modal--produtos .modal__informacoes .detalhe__produto {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
  margin: 0 1em;
}
.container__modal--produtos .modal__informacoes .detalhe__produto .nome__produto {
  font-weight: 700;
  padding-top: 1em;
}
.container__modal--produtos .modal__informacoes .detalhe__produto .informacao__produto {
  border-bottom: 1px solid black;
  padding-bottom: 2em;
}
.container__modal--produtos .modal__informacoes .detalhe__produto .preco__produto {
  font-size: 1.4rem;
  font-weight: 700;
}
.container__modal--produtos .modal__informacoes .detalhe__produto span {
  font-size: 0.9rem;
  color: rgba(108, 117, 125, 0.3);
  border-bottom: 1px solid rgba(108, 117, 125, 0.3);
  padding-bottom: 1em;
}
.container__modal--produtos .modal__informacoes .escolher__cor {
  display: flex;
  flex-direction: column;
  margin: 1em 1em 0 1em;
  border-bottom: 1px solid rgba(108, 117, 125, 0.3);
  gap: 1.5em;
}
.container__modal--produtos .modal__informacoes .escolher__cor span {
  font-weight: 700;
  width: 70px;
}
.container__modal--produtos .modal__informacoes .escolher__cor .escolher__cor--item {
  display: grid;
  width: 180px;
  gap: 0.5em;
  position: relative;
}
.container__modal--produtos .modal__informacoes .escolher__cor .escolher__cor--item #azul-claro {
  grid-row: 1/2;
  justify-self: center;
  width: 30px;
  margin-bottom: 0.5em;
  opacity: 0;
}
.container__modal--produtos .modal__informacoes .escolher__cor .escolher__cor--item #offwhite {
  grid-row: 1/2;
  justify-self: center;
  width: 30px;
  margin-bottom: 0.5em;
  opacity: 0;
}
.container__modal--produtos .modal__informacoes .escolher__cor .escolher__cor--item #preto {
  grid-row: 1/2;
  justify-self: center;
  width: 30px;
  margin-bottom: 0.5em;
  opacity: 0;
}
.container__modal--produtos .modal__informacoes .escolher__cor .escolher__cor--item label {
  justify-self: center;
  width: 75px;
  text-align: center;
  padding-bottom: 1em;
}
.container__modal--produtos .modal__informacoes .escolher__cor .escolher__cor--item label[for=azul-claro]::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 3px solid #DEE2E6;
  background: #F3F6F7;
  position: absolute;
  top: 0;
  cursor: pointer;
  left: 27px;
}
.container__modal--produtos .modal__informacoes .escolher__cor .escolher__cor--item label[for=offwhite]::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 3px solid #DEE2E6;
  background: #F3F6F7;
  position: absolute;
  top: 0;
  cursor: pointer;
  left: 60%;
}
.container__modal--produtos .modal__informacoes .escolher__cor .escolher__cor--item label[for=preto]::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 3px solid #DEE2E6;
  background: #F3F6F7;
  position: absolute;
  top: 0;
  cursor: pointer;
  left: 106%;
}
.container__modal--produtos .modal__informacoes .escolher__cor .escolher__cor--item input[id=azul-claro]:checked + label::before {
  background: #75D7F0;
}
.container__modal--produtos .modal__informacoes .escolher__cor .escolher__cor--item input[id=offwhite]:checked + label::before {
  background: #F3F6F7;
  border: 3px solid black;
}
.container__modal--produtos .modal__informacoes .escolher__cor .escolher__cor--item input[id=preto]:checked + label::before {
  background: black;
}
.container__modal--produtos .modal__informacoes .escolher__tamanho {
  display: flex;
  flex-direction: column;
  margin: 1em 1.5em 0 1em;
  gap: 1em;
}
.container__modal--produtos .modal__informacoes .escolher__tamanho span {
  font-weight: 700;
  width: 70px;
}
.container__modal--produtos .modal__informacoes .escolher__tamanho .escolher__tamanho--item {
  display: grid;
  grid-template-columns: repeat(5, auto);
  width: 180px;
  gap: 0.5em;
  position: relative;
}
.container__modal--produtos .modal__informacoes .escolher__tamanho .escolher__tamanho--item #p {
  grid-row: 1/2;
  justify-self: left;
  width: 15px;
  margin: 0;
  opacity: 0;
}
.container__modal--produtos .modal__informacoes .escolher__tamanho .escolher__tamanho--item #pp {
  grid-row: 1/2;
  justify-self: left;
  width: 15px;
  margin: 0;
  opacity: 0;
}
.container__modal--produtos .modal__informacoes .escolher__tamanho .escolher__tamanho--item #m {
  grid-row: 1/2;
  justify-self: left;
  width: 15px;
  margin: 0;
  opacity: 0;
}
.container__modal--produtos .modal__informacoes .escolher__tamanho .escolher__tamanho--item #g {
  grid-row: 1/2;
  justify-self: left;
  width: 15px;
  margin: 0;
  opacity: 0;
}
.container__modal--produtos .modal__informacoes .escolher__tamanho .escolher__tamanho--item #gg {
  grid-row: 1/2;
  justify-self: left;
  width: 15px;
  margin: 0;
  opacity: 0;
}
.container__modal--produtos .modal__informacoes .escolher__tamanho .escolher__tamanho--item label {
  width: 25px;
  text-align: left;
  padding-top: 0.5em;
  padding-left: 0.3em;
}
.container__modal--produtos .modal__informacoes .escolher__tamanho .escolher__tamanho--item label[for=p]::before {
  content: "";
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 3px solid #DEE2E6;
  background: #F3F6F7;
  position: absolute;
  top: 0;
  cursor: pointer;
  left: 0;
}
.container__modal--produtos .modal__informacoes .escolher__tamanho .escolher__tamanho--item label[for=pp]::before {
  content: "";
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 3px solid #DEE2E6;
  background: #F3F6F7;
  position: absolute;
  top: 0;
  cursor: pointer;
  left: 24%;
}
.container__modal--produtos .modal__informacoes .escolher__tamanho .escolher__tamanho--item label[for=m]::before {
  content: "";
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 3px solid #DEE2E6;
  background: #F3F6F7;
  position: absolute;
  top: 0;
  cursor: pointer;
  left: 43%;
}
.container__modal--produtos .modal__informacoes .escolher__tamanho .escolher__tamanho--item label[for=g]::before {
  content: "";
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 3px solid #DEE2E6;
  background: #F3F6F7;
  position: absolute;
  top: 0;
  cursor: pointer;
  left: 64%;
}
.container__modal--produtos .modal__informacoes .escolher__tamanho .escolher__tamanho--item label[for=gg]::before {
  content: "";
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 3px solid #DEE2E6;
  background: #F3F6F7;
  position: absolute;
  top: 0;
  cursor: pointer;
  left: 88%;
}
.container__modal--produtos .modal__informacoes .escolher__tamanho .escolher__tamanho--item input[name=tamanho]:checked + label::before {
  background: white;
  border: 3px solid #9353FF;
}
.container__modal--produtos .modal__informacoes .escolher__tamanho .botao__add--sacola {
  background: #9353FF;
  width: 180px;
  height: 40px;
  color: white;
  cursor: pointer;
  transition: 0.5s;
}
.container__modal--produtos .modal__informacoes .escolher__tamanho .botao__add--sacola:hover {
  border: 1px solid #9353FF;
  background: white;
  color: #9353FF;
  transition: 0.5s;
}

.modal__email__cadastrado {
  display: none;
  flex-direction: column;
  background: white;
  box-shadow: 2px 2px 10px 3px #6C757D;
  width: 350px;
  position: fixed;
  top: 50vh;
  left: 50%;
  transform: translateX(-50%);
}
.modal__email__cadastrado .header__email__cadastrado {
  display: flex;
  justify-content: space-between;
  background: black;
}
.modal__email__cadastrado .header__email__cadastrado .icon__checked {
  margin: 0 1em 0 1em;
}
.modal__email__cadastrado .header__email__cadastrado .modal__texto__header {
  font-size: 1.3rem;
  color: white;
  font-weight: 500;
  padding: 0.7em 0 0.7em;
}
.modal__email__cadastrado .header__email__cadastrado .icon__fechar {
  margin-right: 1em;
  cursor: pointer;
}
.modal__email__cadastrado .header__email__cadastrado .icon__fechar img {
  max-width: 16px;
  max-height: 16px;
  transition: 0.5s;
}
.modal__email__cadastrado .header__email__cadastrado .icon__fechar img:hover {
  background: rgba(108, 117, 125, 0.5);
  border-radius: 20px;
  transition: 1s;
}
.modal__email__cadastrado span {
  padding: 1em 1em 2.5em 1em;
}

.container__emBreve {
  height: 100vh;
}
.container__emBreve h1 {
  font-size: 4rem;
  font-weight: 500;
  text-align: center;
  padding: 0.5em 0;
}
.container__emBreve img {
  display: block;
  width: 330px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .container__header {
    display: grid;
  }
  .container__header .cabecalho {
    justify-content: unset;
  }
  .container__header .cabecalho .menu__hanburguer {
    display: none;
  }
  .container__header .cabecalho .container__navBar {
    display: flex;
    width: 41%;
    height: 50px;
    background: none;
    position: relative;
  }
  .container__header .cabecalho .container__navBar .navBar {
    display: flex;
    flex-direction: row;
    padding: 16px 0;
  }
  .container__header .cabecalho .container__navBar .navBar li {
    border-bottom: none;
    white-space: nowrap;
  }
  .container__header .cabecalho .container__navBar .navBar li:hover {
    color: #DAFF01;
    border-bottom: 1px solid #DAFF01;
  }
  .container__header .cabecalho .container__navBar .navBar li .fecharMenu {
    display: none;
  }
  .container__header .container__pesquisa {
    position: absolute;
    top: 12px;
    right: 8px;
    padding: 0;
  }
  .container__header .container__pesquisa .pesquisa {
    width: 130px;
  }
  .container__header .container__pesquisa .pesquisa::-moz-placeholder {
    font-size: 0.7rem;
  }
  .container__header .container__pesquisa .pesquisa::placeholder {
    font-size: 0.7rem;
  }
  .container__header .container__pesquisa .botao__pesquisa {
    width: 70px;
    height: 38px;
    font-size: 0.9rem;
    border: 1px solid white;
    color: white;
    background: black;
  }
  .container__header .container__pesquisa .botao__pesquisa:hover {
    box-shadow: inset 3px 1px 35px 5px rgba(255, 255, 255, 0.5019607843);
  }
  .container__header .container__banner .container__img .img__itens {
    display: grid;
    grid-template-columns: 0.5fr 0.5fr;
    height: 40vh;
  }
  .container__header .container__banner .container__img .img__itens .mobile {
    display: none;
  }
  .container__header .container__banner .container__img .img__itens .tablet--banner {
    display: block;
    height: 45vh;
  }
  .container__header .container__banner .container__img .img__itens .img__banner__laranja--responsivo {
    width: 50vw;
    grid-column: 2/3;
  }
  .container__header .container__banner .container__img .img__itens .laranja__banner--responsivo {
    grid-column: 1/2;
    width: 50vw;
    height: 100vh;
  }
  .container__header .container__banner .container__img .img__itens .laranja__texto--responsivo {
    width: 350px;
    top: 40%;
    left: 35%;
  }
  .container__header .container__banner .container__img .img__itens .laranja__descricao--responsivo {
    top: 55%;
    left: 39%;
  }
  .container__header .container__banner .container__img .img__itens .img__banner__rosa--responsivo {
    width: 50vw;
    height: 45vh;
    grid-column: 1/2;
  }
  .container__header .container__banner .container__img .img__itens .rosa__banner--responsivo {
    grid-column: 2/3;
    width: 50vw;
    height: 100vh;
  }
  .container__header .container__banner .container__img .img__itens .rosa__texto--responsivo {
    width: 350px;
    top: 40%;
    left: 60%;
  }
  .container__header .container__banner .container__img .img__itens .rosa__descricao--responsivo {
    top: 55%;
    left: 65%;
  }
  .container__categoria {
    grid-template-columns: repeat(3, auto);
  }
  .container__categoria h2 {
    grid-column: 1/4;
  }
  .container__categoria .img__mobile {
    display: none;
  }
  .container__categoria .img__tablet {
    display: block;
  }
  .container__produtos {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 1em 0;
  }
  .container__produtos .titulo__produtos {
    grid-column: 1/3;
    padding-bottom: 1em;
  }
  .container__produtos .produtos__itens {
    width: 45vw;
  }
  .container__produtos .produtos__itens img {
    width: 45vw;
  }
  .container__modal--produtos {
    display: none;
    grid-column: 1/3;
    grid-template-columns: repeat(2, 1fr);
    width: 700px;
    left: 50%;
    top: 5%;
    height: 620px;
    overflow: unset;
  }
  .container__modal--produtos .modal__header {
    display: flex;
    grid-column: 1/3;
    justify-content: space-around;
  }
  .container__modal--produtos .modal__header .modal__texto {
    width: 350px;
    padding-right: 5em;
  }
  .container__modal--produtos img {
    width: 90%;
    height: 420px;
  }
  .container__modal--produtos .modal__informacoes {
    grid-column: 2/3;
    width: 280px;
    height: 475px;
    border: none;
  }
  .container__modal--produtos .modal__informacoes img {
    display: none;
  }
  .container__modal--produtos .modal__informacoes .detalhe__produto {
    width: 250px;
  }
  .container__modal--produtos .modal__informacoes .escolher__tamanho {
    width: 250px;
  }
  .container__modal--produtos .modal__informacoes .escolher__tamanho .escolher__tamanho--item {
    width: 150px;
  }
  .container__modal--produtos .modal__informacoes .escolher__tamanho .escolher__tamanho--item label[for=p]::before {
    left: 0;
  }
  .container__modal--produtos .modal__informacoes .escolher__tamanho .escolher__tamanho--item label[for=pp]::before {
    left: 28%;
  }
  .container__modal--produtos .modal__informacoes .escolher__tamanho .escolher__tamanho--item label[for=m]::before {
    left: 52%;
  }
  .container__modal--produtos .modal__informacoes .escolher__tamanho .escolher__tamanho--item label[for=g]::before {
    left: 77%;
  }
  .container__modal--produtos .modal__informacoes .escolher__tamanho .escolher__tamanho--item label[for=gg]::before {
    left: 105%;
  }
  .container__modal--produtos .modal__informacoes .escolher__tamanho .botao__add--sacola {
    margin-bottom: 2em;
  }
  .container__facilidades h2 {
    font-size: 2rem;
  }
  .container__facilidades .facilidades__itens img {
    width: 70px;
  }
  .container__newletter {
    padding: 1em 1em 3em 1em;
  }
  .container__newletter .texto__newletter {
    font-size: 1.2rem;
  }
  .container__newletter .container__enviarEmail {
    justify-content: center;
  }
  .container__newletter .container__enviarEmail .campo__email {
    width: 50%;
  }
  .container__newletter .container__enviarEmail .botao__enviar {
    width: 15%;
  }
  .modal__email__cadastrado {
    width: 700px;
  }
  .modal__email__cadastrado .header__email__cadastrado .modal__texto__header {
    padding-right: 15rem;
  }
  .rodape .rodape__texto {
    width: 35em;
  }
}
@media screen and (min-width: 1440px) {
  .container__header .container__banner .container__img .img__itens .tablet--banner {
    display: none;
  }
  .container__header .container__banner .container__img .img__itens .desktop--banner {
    display: block;
    height: 40vh;
  }
  .container__header .container__banner .container__img .img__itens .laranja__texto--responsivo {
    width: 550px;
    font-size: 3rem;
    top: 40%;
    left: 25%;
  }
  .container__header .container__banner .container__img .img__itens .laranja__descricao--responsivo {
    font-size: 1.1rem;
    top: 57%;
    left: 23.5%;
  }
  .container__header .container__banner .container__img .img__itens .img__banner__rosa--responsivo {
    width: 50vw;
    height: 75vh;
  }
  .container__header .container__banner .container__img .img__itens .rosa__texto--responsivo {
    width: 550px;
    font-size: 3rem;
    top: 40%;
    left: 61%;
  }
  .container__header .container__banner .container__img .img__itens .rosa__descricao--responsivo {
    font-size: 1.1rem;
    top: 56%;
    left: 67%;
  }
  .container__categoria {
    grid-template-columns: repeat(6, auto);
  }
  .container__categoria h2 {
    grid-column: 1/7;
  }
  .container__categoria .img__mobile {
    display: none;
  }
  .container__categoria .img__tablet {
    display: block;
  }
  .container__produtos {
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap: 1em 0;
  }
  .container__produtos .titulo__produtos {
    grid-column: 1/4;
    padding-bottom: 1em;
  }
  .container__produtos .produtos__itens {
    width: 30vw;
  }
  .container__produtos .produtos__itens img {
    width: 30vw;
  }
  .container__modal--produtos {
    display: none;
    grid-column: 1/3;
    grid-template-columns: repeat(2, 1fr);
    left: 50%;
  }
  .container__modal--produtos .modal__header {
    grid-column: 1/3;
  }
  .container__modal--produtos .modal__informacoes {
    grid-column: 2/3;
    border: none;
  }
  .container__modal--produtos .modal__informacoes img {
    display: none;
  }
  .container__facilidades {
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap: 1em 2em;
  }
  .container__facilidades h2 {
    font-size: 2rem;
    grid-column: 1/4;
  }
  .container__facilidades .facilidades__itens img {
    width: 70px;
  }
  .container__newletter {
    width: 50%;
  }
  .container__newletter .texto__newletter {
    font-size: 1.2rem;
  }
  .container__newletter .container__enviarEmail {
    justify-content: center;
  }
  .container__newletter .container__enviarEmail .campo__email {
    width: 55%;
  }
  .container__newletter .container__enviarEmail .botao__enviar {
    width: 10%;
  }
}/*# sourceMappingURL=style.css.map */