.container1 {
    position: absolute;
    top: -2%;
    left: 1px;
    background-color: #000;
    width: 1700px;
    height: 130px;
  }
  
  
  .logo {
      position: absolute;
      top: 20px;
      left: 76px;
      width: 160px;
      height: 110px;
      object-fit: cover;
  }


  .rodape {
    width: 1500px;
    height: 95px;
    margin: 50px auto;
    background-color: #8b8b8b;
    padding: 60px;
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    position: absolute;
      top: 700px;
      left: 7px;
  }
  
  .contatos {
    position: absolute;
      top: 1345px;
      left: 370px;
      font-size: 20px;
      color: #000;
      text-align: center;
      display: inline-block;
      width: 443px;
      height: 54px;
  }
  
  .nome-rodape {
    position: absolute;
      top: 10%;
      left: -30px;
      font-size: 20px;
      color: #000000;
      text-align: center;
      display: inline-block;
      width: 443px;
      height: 54px;
  }
  
  .localizacao-rodape {
    position: absolute;
    top: 10%;
    left: 540px;
    font-size: 20px;
    color: #000000;
    text-align: center;
    display: inline-block;
    width: 443px;
    height: 54px;
  }
  
    .redes-rodape {
    position: absolute;
    top: 10%;
    left: 810px;
    font-size: 20px;
    color: #000000;
    text-align: center;
    display: inline-block;
    width: 903px;
    height: 54px;
    }
  
   .logo-instagram {
    position: absolute;
      top: 100px;
      left: 1300px;
      width: 38px; 
      height: 37px;
      object-fit: cover;
   }
   .logo-facebook {
    position: absolute;
      top: 100px;
      left: 1244px;
      width: 38px; 
      height: 37px;
      object-fit: cover;
   }
  
   .logo-whatsapp {
    position: absolute;
      top: 100px;
      left: 1180px;
      width: 68px; 
      height: 37px;
      object-fit: cover;
   }

.carrinho{
    position: absolute;
    top: -170px;
    left: -480px;
    display: inline-block;
    width: 165px;
    height: 28px;
}
.location{
    position: absolute;
    top: -180px;
    left: -640px;
    display: inline-block;
    width: 165px;
    height: 28px;
}
.cart-container{
    position: absolute;
    top: 270px;
    left: 670px;
    border-radius: 15px;
    background-color: #000;
    width: 220px;
    height: 125px;
}
.entrar1 {
    position: absolute;
    top: 50px;
    left: 1000px;
    font-size: 28px;
    font-family: Inter;
    display: inline-block;
    width: 155px;
    height: 72px;
    text-decoration: none;
    color: white;
}
.preos3 {
    position: absolute;
    top: 50px;
    left: 620px;
    font-size: 28px;
    font-family: Inter;
    display: inline-block;
    width: 167px;
    height: 72px;
    text-decoration: none;
    color: white;
  
    
}


  

.cart-footer{
  position: absolute;
    top: 300px;
    left: 620px;
    font-size: 28px;
    font-family: Inter;
    display: inline-block;
    width: 167px;
    height: 72px;
}

.label{
  position: absolute;
  top: 50px;
  left: -1290px;
  font-size: 28px;
  font-family: Inter;
  display: inline-block;
  width: 167px;
  height: 72px;
}
.dinheiro{
position: absolute;
top: 60px;
left: -10px;
font-size: 28px;
font-family: Inter;
display: inline-block;
width: 167px;
height: 72px;
}
.total1{
  position: absolute;
  top: 50px;
  left: 120px;
  font-size: 28px;
  font-family: Inter;
  display: inline-block;
  width: 167px;
  height: 72px;
}








   <!-- Container do Carrinho -->
  <div class="cart-container">
    <h1>Carrinho</h1>
    <div class="location">📍 Envio para o Brasil</div>
    <div class="cart-icon">
      <img src="https://img.icons8.com/ios/100/000000/shopping-cart--v1.png" alt="Carrinho vazio">
    </div>
    <p id="empty-message">Seu carrinho está vazio<br>Navegue pelo site e crie suas roupas.</p>
    <div class="cart-footer">
      <label><input type="checkbox" id="select-all"> Tudo</label>
      <div class="total">R$ <span id="total-amount">0,00</span></div>
      <button class="checkout-btn" id="checkout-btn" disabled>FINALIZAR</button>
    </div>
  </div>

  <!-- Botão para adicionar item (simulação) -->
  <div style="text-align: center; margin-top: 20px;">
    <button onclick="addItemToCart()">Adicionar Item ao Carrinho</button>
  </div>