.carrinho-content{
  font-weight: 500;
  padding-bottom: 8rem;
}

/* Estado vazio: centraliza e garante altura para o rodapé não subir */
.empty-state{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.4rem;
  text-align: center;
  min-height: 40vh;
  padding: 4rem 0 6rem;
}
.empty-state p{
  font-size: 2rem;
  color: var(--color-text-dark);
}
.empty-state .btn{
  padding: 1.8rem 4rem;
}

.carrinho-content h1{
  padding: 5rem 0 3rem 0;
}
.content-one-item{
  margin-bottom: 3rem;
  
}
.content-one-item .item-content{
  gap: 1.4rem;
  align-items: stretch;
}
.content-one-item img{
  border-radius: 16px;
}
.content-one-item .item-content-desc{
  flex-direction: column;
  align-items: flex-start;
  padding: 2rem 0;
}
.content-one-item .buy-or-exclui{
  gap: 4rem;
}
.content-one-item .buy-or-exclui p{
  color: var(--color-text-yellow);
  font-size: 1.2rem;
  font-weight: 500;
  cursor: pointer;
}
.content-one-item .buy-or-exclui p:last-child{
  color: var(--color-text-pink);
}

.content-one-item button{
  border: 0;
  background-color:transparent;
  cursor: pointer;
  font-size: 1.6rem;
}
.content-one-item .count{
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 5px;
  border: 1px solid var(--color-text-dark);
  margin: 0 1rem;
  justify-content: center;
}
.content-one-item .price-content{
  gap: 8rem;
}
.content-one-item .price-content .price{
  font-size: 2rem;
  color: var(--color-text-yellow);
  font-weight: 500;
}
.resume-price-items{
  padding-top: 3rem;
  border-top: 1px solid#E3E3E3;
  text-align: end;
}
.resume-price-items h3{
  font-size: 2.4rem;
  padding-bottom: 4rem;
}
.resume-price-items .subtotal .subtotal-item{
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 2rem;
}
.subtotal .subtotal-item span{
  font-size: 2rem;
}
.subtotal .subtotal-item p{
  font-size: 3rem;
  color: var(--color-text-pink);
}
.subtotal .subtotal-desc{
  font-size: 1.4rem;
  font-weight: 400;
  padding-bottom: 3rem;
}
.resume-price-items .btn-items {
  padding-top: 3rem;
   border-top: 1px solid#E3E3E3;
}
.resume-price-items .btn-items .btn:first-child{
  background-color: transparent;
  padding: 1.8rem 4rem;
  color: var(--color-text-green);
}
.resume-price-items .btn-items .btn:last-child{
  background-color: var( --color-background-yellow);
  padding: 1.8rem 4rem;
  color: var(--color-white);
}
@media(max-width: 768px){
  .content-one-item{
    flex-direction: column;
    align-items: start;
    gap: 2rem;
  }
}