.products_container{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
form {
    width: 370px;
    height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}
.account-tooltip:hover {
  max-width: 200px;
}
input, textarea {
    width: 100%;
    border-radius: 5px;
    box-shadow: 3px 3px 3px 3px rgb(45, 44, 41);
    padding:5px;
}

label {

  background-color: rgba(0, 0, 0, 0.174);
}

section {
    width: 370px;
}
.a {
    padding:5px;
    color:black;
}

h2 {
  display: flex;
  font-size: larger;
  justify-content: center;
  align-items: center;
  color: white;
}

.car {
    
    position: relative;
    background-image: url("images/masina_lemn.jpg");
    height: 122px;
    width: 180px;
    border-radius: 5px;
    background-position: center;
    background-size: contain;
    background-clip: padding-box;
    background-repeat: no-repeat;
    

}
.outerCar {
  border:3px solid #ff0800;
  height: 172px;
  width: 230px;
  background-color: white;
  border-radius: 10px;
  box-shadow: 3px 3px 3px 3px rgb(45, 44, 41);
}
@media (max-width: 480px) {
  body {
    background-image: url("images/phone_bg.JPG");
    background-attachment: fixed;
  }

  /* Hide logo for mobile, if desired, otherwise it will appear as a block in the dropdown */
  .logo-container {
    display: none;
  }

  /* Make menu toggle visible */
  .menu-toggle {
    display: block;
    color:black;
  }

  /* Adjust existing mobile styles if needed, e.g., button sizes */
  .wood-button {
    max-width: 100%; /* Allow buttons to take full width of dropdown */
    height: 40px;
    font-size: 4vw; /* Keep relative font size for buttons */
  }

  .wood-button-round {
    width: 40px;
    height: 40px;
    background-size: 100%;
  }

  .cart_count {
    width: 16px;
    height: 16px;
    font-size: 10px;
    left: 22px;
    bottom: 6px;
  }
  .products_container {
    min-height: 89vh;
    background-image: none;
  }

}