button:active, button:focus, button:hover, button {
outline: none !important;
border: none;
background-color: none;
}

/* the cart is empty */
.empty{
  margin-bottom: 10px;
  font-size: 18px;
  position: relative;
  /* letter-spacing: 0.1em; */
}

.empty-link{
  font-size: 18px;
  position: relative;

}
.empty-link a{
  text-decoration: none;
  color: #565C5E;
}

.empty-link a:hover{
  color: #010;
}

.empty-link:before{
  position: absolute;
  content: '';
  width: 203px;
  height: 3px;
  background-color: #C8B161;
  bottom: -2.5px;
}


.main-cart__status{
  text-align: center;
  display: block;
  margin-bottom: 30px;
  font-size: 20px;
    letter-spacing: 0.1em;
}

/* !!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!! */

.main-cart{
  display: flex;
  flex-direction: column;
  background-color: #fff;
  width: 100%;
  border: 2px solid #C8B161;
  border-radius: 5px;
  margin: 0 auto;
  padding: 30px;
  text-align: center;
  font-size: 16px;
  color: #565C5E;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 50px;
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!! */



.main-cart__list{
  display: flex;
  flex-direction: column;
  width: 100%;
  /* justify-content: center; */
}


.main-cart__item{
  width: 100%;
  margin: 0 auto;
  display: flex;
  border: 1.1px solid #B8B8B8;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 10px 20px;
  /* padding-left: 25px; */
  transition: all 0.3s ease;
  justify-content: space-between;
}
.main-cart__item:hover{
  border-color: #C8B161;
}


.minus-goods,
.del-goods,
.plus-goods
{
  width: 35px;
  height: 35px;
  /* background-color: ; */
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}




/* LEFT */
.item-goods img{
  width: 10px;
  height: 100px;
}
.item-goods{
  border: 2px solid #C8B161;
  min-width: 50px;
  height: 100%;
  margin-left: 15%;

  display: flex;
  justify-content: center;
  padding: 5px 27px;
}
.item-goods:hover{
  border-color:  #e5bf3c;
}
.del-goods{
  background-color: #C8B161;
}
.del-goods:hover,
.del-goods:active
{
  background-color: #e5bf3c;
}


/* CENTER */
.num-goods{
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.1em;
  width: 57px;
  height: 67px;
  border: 2px solid #C8B161;
  color: #6B7071;
  margin: 0 15px;
  font-weight: bold;
  padding: 20px;
}
.num-goods:hover{
  border-color: #e5bf3c;
}
.minus-goods{
  background-color: #D44B4B;
}
.plus-goods{
  background-color: #63C867;
}
.minus-goods:hover
{
  background-color: #fc5454;
}
.plus-goods:hover
{
  background-color: #73ef78;
}

/* RIGHT */
.right__content{
  font-size: 30px;
  font-weight: bold;
  color: #C8B161;
}

.cart-equal{
  margin-right: 25%;
  width: 20%;
  /* background-color: red; */
  position: relative;
}
.cart-equal:before{
  content: '';
  display: block;
  height: 100%;
  width: 4px;
  background-color: #C8B161;
  left: -45px;
  position: absolute;
}

.price-goods{
  width: 40%;
  /* background-color: orange; */
}

/* GENERAL/SIDES */
.left__content,
.center__content,
.right__content
{
  display: flex;
  align-items: center;
  width: 20%;
  justify-content: center;
}

.left__content{
  /* background-color: red;   */
  justify-content: flex-start;
}
.center__content{
  /* background-color: blue; */
}
.right__content{
  /* background-color: green; */
}


/* FORM*/
.user__data{
  width: 80%;
  margin: 0 auto;
  /* height: 1000px; */
  /* background-color: #E6DCDC; */
  background-color: #E3E1DA;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
}
.user__data span{
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}

.email__field{
  width: 50%;
  margin: 0 auto;
  /* background-color: green; */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.email__field p{
  display: flex;
  flex-direction: column;
  margin: 0 10px;
  margin-bottom: 20px;
}

.email__field p label{
  margin-left: 3px;
  margin-bottom: 5px;

  font-size: 18px;
}
.email__field p input{
  /* width: 100%; */
  border: none;
  height: 35px;
  padding: 10px 8px;
  color: #6B7071;
  font-size: 16px;
  outline: none;
}

.email__field p input:active,
.email__field p input:focus
{
  border: 1.5px solid #6B7071;
}

.email__field p button{
  margin-top: 20px;
  width: 100%;
  height: 40px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 20px;
  line-height: 29px;
  text-align: center;
  letter-spacing: 0.1em;
  margin-left: 100%;
  transform: translate(-100%, 0%);
  background: #CBB56B;
}

#textarea{
  max-width: 100%;
  min-width: 100%;
  max-height: 120px;
  min-height: 80px;
}

#textarea{
  border: none;
  padding: 10px 8px;
  color: #6B7071;
  font-size: 16px;
  outline: none;
  font-family: 'Montserrat', sans-serif;
}