.global-bc-master {
      width: 100%;
      padding-top: 10px;
      margin-bottom: 10px;
    }

    @media (min-width: 992px) {
      .global-bc-master {
        padding-top: 5px;
      }
    }

    .modern-breadcrumb-wrapper {
      display: flex;
      align-items: center;
      justify-content: flex-start !important;
      text-align: left !important;
      flex-wrap: nowrap;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      -ms-overflow-style: none;
      padding: 5px 0;
      gap: 10px;
    }

    .modern-breadcrumb-wrapper::-webkit-scrollbar {
      display: none;
    }

    .bc-item {
      color: #94a3b8;
      text-decoration: none !important;
      display: inline-flex;
      align-items: center;
      white-space: nowrap;
      font-size: 13px;
      font-weight: 600;
      transition: color 0.3s ease;
      flex-shrink: 0;
      gap: 6px;
    }

    .bc-item:hover {
      color: #4361ee;
    }

    .bc-separator {
      color: #cbd5e1;
      font-size: 11px;
      flex-shrink: 0;
    }

    .bc-active {
      font-weight: 800;
      white-space: nowrap;
      display: inline-flex;
      align-items: center;
      flex-shrink: 0;
      font-size: 13px;
      gap: 6px;
    }

    body.dark-mode .bc-item {
      color: #a1a1aa;
    }

    body.dark-mode .bc-separator {
      color: #3f3f46;
    }