#products-background {
    background-image: url('/media/onzh5ocw/image.png');
    background-size: cover;
    background-position: top;
}

.cart-options {
      margin-left: 50px;
  }

@media only screen and (max-width: 576px) {
  #products-background {
    background: none;
  }
  
  .meal-hover {
     border: 1px solid rgb(0 0 0 / 30%);
      
  }
  
  .add-cart-hover{
    margin-left: 40% !important;
  }
  
  .cart-options {
      margin-left: 0px;
  }
}

.home-cards1{
    background-image: url('/media/1mthtzfp/image.png');
}


.home-cards1:hover{
    background-image: url('/media/ryrdbfta/g1.png');
    transition: 0.5s;
}

.home-cards2{
    background-image: url('/media/3u0fb0e1/image.png');
}


.home-cards2:hover{
    background-image: url('/media/odabtnls/g1.png');
    transition: 0.5s;
}

.home-cards3{
    background-image: url('/media/qmxnakop/image.png');
}


.home-cards3:hover{
    background-image: url('/media/1l5lrrcj/g1.png');
    transition: 0.5s;
}

.home-cards4{
    background-image: url('/media/t2ldwegk/image.png');
}


.home-cards4:hover{
    background-image: url('/media/j5whrrjd/g1.png');
    transition: 0.5s;
}


.meal-hover.parent-card{
    background-color: white;
}

.meal-hover.parent-card:hover{
    background-color: #C7D976;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.meal-hover.parent-card .classifier {
    background-color: #C7D976;
    color: black;
}

.meal-hover.parent-card:hover .classifier {
    background-color: white;
    color: black;
}

.hover-add:hover {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.add-cart-hover{
    display: none;
    margin-left: 50%;
}

.add-cart-hover:hover{
    display: inline;
}

.customscroll::-webkit-scrollbar {
  width: 5px;
  border-radius: 25px;
}