/*txt for cart is empty */

.emptyCart {
  text-align: center;
  font-size: 2.5vw;
  padding: 2vw;
}

/*emptycart icon*/

.emptyCart img {
  width: 8vw;
  padding-right: 2vw;
}

/*shopping btn*/

.shopping-btn {
  text-align: center;
  margin: 2vw;
}

.shopping-btn button {
  border: none;
  background-color: black;
  color: #f8efd6;
  box-shadow: 0.2vw 0.2vw 0.2vw black;
  padding: 1vw;
  transition: 0.1s;
}

.shopping-btn button:hover {
  cursor: pointer;
  opacity: 0.7;
}

.shopping-btn button:active {
  transform: translate(0.2vw, 0.2vw);
  box-shadow: 0vw 0vw 0.2vw black;
}

/*recomended product wrapper*/

.rmd-product {
  width: 70%;
  margin: auto;
  background-color: lightgray;
}

/*recomended txt*/

.rmd-product > div:nth-child(1) {
  font-size: 1.5vw;
  padding: 1vw;
}

/*slider container*/

div.slider-container {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
}

/*slider-products container*/

.slider-products {
  width: 80%;
  margin-bottom: 1vw;
}

div.slider-product-transition {
  margin: auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

/*slider product*/

div.slider-product {
  width: 23%;
  position: absolute;
  visibility: hidden;
  opacity: 0;
}

div.shown{
  position: relative;
  visibility: visible;
  opacity: 1;
  transition: 0.6s;
}
/*product img*/

div.product-img > img {
  width: 100%;
}

/*product info*/

.product-info {
  font-size: 1vw;
}

div.product-img > img:hover {
  cursor: pointer;
}

a {
  text-decoration: none;
  color: unset;
}

div.product-info:hover {
  cursor: pointer;
}

/*product price*/

.product-price {
  color: red;
  font-weight: bold;
  text-decoration: none;
}

/*left right button slider*/

.icon {
  position: relative;
  font-size: 2vw;
  vertical-align: middle;
}

div.left-slider-icon,
div.right-slider-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 4vw;
  height: 5vw;
  background-color: lightgray;
  border: 1px solid black;
  box-shadow: 0.2vw 0.2vw 0.2vw gray;
  transition: 0.1s;
}

div.left-slider-icon:hover,
div.right-slider-icon:hover {
  cursor: pointer;
}

div.left-slider-icon:active,
div.right-slider-icon:active {
  transform: translate(0.2vw, 0.2vw);
  box-shadow: 0 0 0.2vw gray;
  transition: 0.1s;
}

@media screen and (max-width: 1100px) {
  /*empty cart text*/
  .emptyCart {
    font-size: 3vw;
  }
  /*rmd txt*/
  .rmd-product > div:nth-child(1) {
    font-size: 2vw;
    padding: 2vw;
  }
  /*rmd product wrapper*/
  .rmd-product {
    width: 100%;
  }
  /*product-info*/
  div.product-info {
    font-size: 1.5vw;
  }
}

@media screen and (max-width: 680px) {
  /*txt for cart is empty */
  .emptyCart {
    text-align: center;
    font-size: 5vw;
    padding: 2vw;
  }

  /*emptycart icon*/
  .emptyCart img {
    width: 15vw;
    padding-right: 2vw;
  }

  /*shopping btn*/
  .shopping-btn button {
    font-size: 3vw;
  }

  /*rmd txt*/
  .rmd-product > div:nth-child(1) {
    font-size: 3.5vw;
    padding: 4vw;
  }
  /*product transition wrapper*/
  div.slider-product-transition {
    flex-wrap: wrap;
  }
  /*icon*/
  div.left-slider-icon,
  div.right-slider-icon {
    width: 6vw;
    height: 8vw;
  }
  /*product*/
  div.slider-product {
    width: 45%;
  }
  /*product-info*/
  div.product-info {
    font-size: 3vw;
  }
}