/*
Custom Css
*/

body {
  background-color: #f5f7fa;
}

.card {
  border-radius: 12px;
}

h2 {
  font-weight: 600;
}
#mainCarousel {
  max-height: 400px;
}

.carousel-item img {
  height: 40vh;
  object-fit: cover;
}
div.image-block:hover {
    transform: scale(1.3);
    transition: all 0.3s;
}
div.image-block {
    transition: all 0.3s;
}
.div-img{
    justify-content: center;
    align-items: center;
    display:flex;
    padding-top:20%;
}
img{
    transition: transform .2s;
    width:50px;
    height:50px;
    margin:0 auto;
    background-color: rgb(173, 173, 237);
    border-radius: 10px;
    border: 1px solid black;
}
img:hover{
    transform:scale(2.5);
}
#cart-items .card {
  border-radius: 12px;
  transition: 0.2s ease;
}

#cart-items .card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.1);
}

button {
  min-width: 32px;
}