body {
     overflow-x: hidden;
     font-family: "Montserrat", sans-serif;
   }
   .header-site {
     color: rgb(47, 79, 50);
     font-weight: bold;
     text-align: center;
     
   }
   
   .search-field {
     border: none;
     border-radius: 50px;
     padding: 6px;
     outline: none;
   }
   .search-field:hover {
     outline: none;
     border: none;
   }
   .search-button {
     padding: 12px 54px;
     border-radius: 35px;
     margin-left: 141px;
     box-shadow: 0px 0px 4px 4px rgb(7, 238, 65);
   }
   #all-products {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     text-align: center;
     width: 96%;
     margin: auto;
     align-items: center;
     justify-content: space-evenly; 
     justify-items: stretch;
     align-content: stretch; 
   }
   .single-product {
     padding: 11px;
     transition: 0.6s;
     margin-right: 16px;
     margin-left: 0;
     border: 1px solid rgb(230, 230, 206);
     background-color: hsl(288deg 9% 54% / 28%);
     border-radius: 7px;
    
   }
   .single-product:hover {
     box-shadow: 4px 4px 7px rgb(131, 130, 68);
     border-radius: 10px;
     border: 1px solid rgb(200, 233, 219);
     background-color: rgba(235, 238, 245, 0.938);
   }
   .product-image {
     width: 150px;
     height: 150px;
   }
   .cart {
     width: 300px;
     padding: 8px;
     box-shadow: 5px 5px 10px rgba(13, 17, 10, 0.349);
     border-radius: 5px;
     margin-right: 110px;
     margin-bottom: 0px;
     position: fixed;
     background-color:hsl(290deg 9% 87%) ;
   }
   .cart-main {
     padding-right: 30px;
   }
   
   .price-style{
   color:rgb(199, 101, 9)
   }
   .rating-style{
     color:rgb(231, 119, 14);
     font-size: 14px;
   }
   @media only screen and (max-width: 768px) {
     #all-products {
       display: grid;
       grid-template-columns: repeat(1, 1fr);
     }
     .cart {
       width: 300px;
       padding: 10px;
       box-shadow: 10px 10px 20px gray;
       border-radius: 5px;
       margin-right: 30px;
       position: fixed;
     }
     .cart-main {
       padding-right: 10px;
     }
   }
   @media only screen and (max-width: 468px) {
     #all-products {
       display: grid;
       grid-template-columns: repeat(1, 1fr);
     }
   }