@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css");
body{
    margin: 0;
    padding: 0;
   
}
@media (max-width: 576px) {
  .navbar-brand h3 {
    font-size: 1.2rem;
  }

  #category-ul li {
    margin: 5px;
    font-size: 0.9rem;
  }

  .carousel-inner img {
    height: 200px !important;
    object-fit: cover;
    height: 300px;
  }
}

body {
              background:rgb(242, 230, 216);
              animation: fadeIn 0.5s ease-in;
      }
            @keyframes fadeIn {
              from { opacity: 0; transform: translateY(10px); }
              to   { opacity: 1; transform: translateY(0); }
            }
            .navbar{
              background-color: beige;
            }
            .product img {
              width: 100%;
              height: 200px;
              object-fit: contain;
            }
            .card:hover {
              transform: scale(1.02);
              box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
            }
            #cartDrawer {
              position: fixed;
              right: 0;
              top: 0;
              width: 350px;
              height: 100%;
              background: #fff;
              box-shadow: -2px 0 8px rgba(0,0,0,0.2);
              z-index: 1056;
              transform: translateX(100%);
              transition: transform 0.3s ease-in-out;
            }
            #cartDrawer.active {
              transform: translateX(0);
            }
.cart-img {
              width: 60px;
              height: 60px;
              object-fit: contain;
}
#category-ul{
  margin-top: -6px;
}

#category-ul li{
  color: white;
  font-size: 15px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 2px 2px 2px 5px;  
}

.bg-light:hover {
  background-color: #f0f0f0;
  transform: scale(1.02);
  transition: all 0.2s ease;
}
.menu-2{
  margin-right: -150px;
}

#category-ul li:hover {
  background-color: #c9302c;
  transition: background-color 0.2s ease;
  cursor: pointer;
}