.navbar { height: 60px; }
    
    /* Sidebar: Default Mobile */
    .sidebar {
      position: fixed;
      top: 60px;
      left: 0;
      width: 90px;
      bottom: 0;
      overflow-y: auto;
      background: #f8f9fa;
      border-right: 1px solid #ddd;
      text-align: center;
    }
    @media (min-width:768px) {
      .sidebar { width:200px; }
    }
    
    /* Fixed Search Bar */
    .search-bar {
      position: fixed;
      top: 60px;
      left: 90px;
      right: 0;
      z-index: 10;
      background: #fff;
      border-bottom: 1px solid #ddd;
      padding: 0.5rem 1rem;
      width: calc(100% - 90px);
      max-width: calc(100% - 90px);
    }
    @media (min-width:768px) {
      .search-bar { left:200px; width: calc(100% - 200px); max-width: calc(100% - 200px); }
    }
    
    /* Main Content */
    .main-content {
      margin-top: 120px;
      margin-left: 90px;
      height: calc(100vh - 120px);
      overflow-y: auto;
      padding: 1rem;
      background: #f8f9fa;
    }
    @media (min-width:768px) {
      .main-content { margin-left:200px; }
    }
    
    /* Sidebar text styling */
    .category-name {
      display: block;
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 0.85rem;
    }
    .list-group-item.active {
      background-color: #007bff !important;
      color: #fff !important;
    }
    .list-group-item:hover { background-color: #e2e6ea; cursor: pointer; }
    
    /* Product image & description styles */
    .fixed-img-height {  object-fit: cover; }
    .desc-truncate {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      max-height: 2.6em;
      line-height: 1.3em;
    }
    
    /* Mobile adjustments */
    @media (max-width:767px) {
      .fixed-img-height { height: 100px; }
      .card-title, .card-text {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 13px;
      }
      #main-content { padding: 2px; }
      .card-body { padding: 4px; }
      .btn-sm { font-size: 15.6px; }
      .sidebar span { font-size: 0.7rem; }
      .sidebar { width: 65px !important; }
      .main-content { margin-left: 65px; height: calc(100vh - 120px); }
      .search-bar { left: 65px; width: calc(100% - 65px); max-width: calc(100% - 65px); padding: 8px !important; }
      #category-menu a.list-group-item { padding: 2px !important; padding-bottom: 5px !important; }
      #category-menu a.list-group-item i { font-size: 15px !important; }
    }

    .price-container {
            font-family: Arial, sans-serif;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }
        .price-row {
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .discount {
            color: #D0021B;
            font-size: 16px;
            font-weight: bold;
        }
        .selling-price {
            font-size: 24px;
            font-weight: bold;
            color: #000;
            display: flex;
            align-items: center;
        }
        .rupee-symbol {
            font-size: 16px;
            margin-right: 2px;
        }
        .mrp {
            font-size: 14px;
            color: #777;
        }
        .mrp s {
            color: #777;
        }
        

     .image-container {
              width: 100%;
              height: 250px;
              display: flex;
              align-items: center;
              justify-content: center;
              overflow: hidden;
              border-bottom:1px solid  #f5f5f5;
          }
          .image-container img {
              max-height: 100%;
              max-width: 100%;
              object-fit: contain;
          }
          @media (max-width: 768px) {
              .image-container {
                  height: 120px;
              }
              .desc-truncate{
              display:none;
              }
          }