/* ============ HEADER HOME BUTTON + BREADCRUMB ============ */
    .header-home-btn {
      background: rgba(255, 255, 255, 0.18);
      color: white;
      border: 1px solid rgba(255, 255, 255, 0.3);
      padding: 8px 14px;
      border-radius: 20px;
      cursor: pointer;
      font-weight: 500;
      font-size: 0.85rem;
      transition: background 0.2s;
      margin-left: 16px;
      flex-shrink: 0;
    }
    .header-home-btn:hover {
      background: rgba(255, 255, 255, 0.32);
    }

    .breadcrumb {
      max-width: 1200px;
      margin: 0 auto;
      padding: 16px 20px 0;
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 0.85rem;
      color: #52796F;
    }
    .breadcrumb-current {
      font-weight: 600;
      color: #1B4332;
    }
    .breadcrumb-sep {
      color: #95a5a6;
    }
    .breadcrumb-link {
      background: none;
      border: none;
      color: #2D6A4F;
      font-weight: 600;
      cursor: pointer;
      padding: 4px 8px;
      border-radius: 6px;
      font-size: 0.85rem;
    }
    .breadcrumb-link:hover {
      background: #f0fdf4;
    }
    .bottom-nav-item.active {
      color: #2D6A4F;
    }
    .bottom-nav-item.active .bottom-nav-icon {
      background: #D8F3DC;
    }
