.express-note   { font-size: 13px; line-height: 1; }


    .express-target { font-size: 15px; font-weight: 600; line-height: 1; color: rgb(39, 38, 38);}


    .navbar-line{ border-bottom: 2px solid rgba(216, 215, 215, 0.823); }


     :root{

      --main-nav-h: 22px;  /* real height of 1st bar including border */
      --sub-nav-h : 40px;  /* real height of 2nd bar */
      --search-bg    : #f1f2f3; /* light‑grey body */
      --search-focus : #5c5c5c;
    }


    /* leave room for both fixed bars so content starts below them */
    body { padding-top: calc(var(--main-nav-h) + var(--sub-nav-h)); }
    .second-navbar{ box-shadow: 0 .25rem .5rem -.25}
     .bg-ash  { background-color: #c6dfc9  !important; }


/* dropdown nav*/
   .dropdown-menu .dropdown-item:hover,
   .dropdown-menu .dropdown-item:focus {
    background-color: #d6d6d6 !important; }



 
/*health img*/
 .thumb-170 {
    max-width: 170px;
    max-height: 170px;
    border-radius: 0.5rem;           /* optional: softly rounded corners   */
    transition: transform .25s ease, /* smooth zoom & lift                 */
                box-shadow .25s ease;
  }
  .thumb-170:hover {
    transform: scale(1.08) translateY(-4px);   /* zoom & lift */
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.20);  /* subtle shadow */
    cursor: pointer;                           /* lets user know it’s clickable */
  }


  
 .why-choose-us { 
    font-family: 'Poppins', sans-serif;
    background-color: #e6ecea;

}


  .cart-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #eee;
    border-radius: 15px;
    padding: 15px;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  }

  .cart-item img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    border-radius: 10px;
  }

  .cart-info {
    flex-grow: 1;
    margin-left: 15px;
  }

  .cart-info h5 {
    margin: 0;
    font-weight: 600;
  }

  .quantity-control {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .quantity-control i {
    cursor: pointer;
    font-size: 20px;
  }

  .deleteItem {
    cursor: pointer;
    color: red;
    font-size: 22px;
  }

.toast-msg {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background-color: #066072e9;
  color: white;
  padding: 12px 20px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s ease;
  z-index: 9999;
  font-weight: 500;
}
.toast-msg.show {
  opacity: 1;
  transform: translateY(0);
}